Friday, November 3, 2017

                var CellNo = $("#CellNo").val();
        var Designation = $("#designation_select_box").val();
        var Center = $("#center_select_box").val();




Dynamic div 


<script>
    $(document).ready(function () {
        var $sourceFields = $("#sourceFields");
        var $destinationFields = $("#destinationFields");
        var $chooser = $("#fieldChooser").fieldChooser(sourceFields, destinationFields);

       $.getJSON("Home/ItemDetails",
       function (json) {
           var res;

           var ItemDiv = $("#sourceFields");
           //Append each row to html table  
        for (var i = 0; i < json.length; i++) {
           
            //"<div>"
            //$('#sourceFields').html(json[i].item);
            //ItemDiv = "<div>" + json[i].item + "</div>";
            //$("<div/>").appendTo("div#ItemDiv");

            $("<div>" + json[i].item + "</div>").appendTo("#sourceFields");


            //ItemDiv.html('');
            //ItemDiv.html(json[i].item);
           // alert(ItemDiv);
        //    alert(ItemDiv);
        ////tr = $('<tr/>');
        //tr.append("<td>" + json[i].Id + "</td>");
        //tr.append("<td>" + json[i].Name + "</td>");
        //tr.append("<td>" + json[i].City + "</td>");
        //tr.append("<td>" + json[i].Address + "</td>");
        //$('table').append(tr);
    }
});


       $('#btnSave').click(function () {

       });
    });

    //function SaveItems() {
    //    alert('1');
    //    var ItemDiv2 = $("#destinationFields");
    //    //Append each row to html table  


    //    alert(ItemDiv.length);


    //}

</script>



<div id="fieldChooser" tabindex="1">
    <div id="sourceFields">
        
   
    
    
        @*<div>Item1</div>
        <div>Item2</div>
        <div>Item3</div>
        <div>Item4</div>
        <div>Item5</div>
        <div>Item6</div>
        <div>Item7</div>
        <div>Item8</div>*@
    </div>
    <div id="destinationFields">
    </div>

    <input type="button" value="Submit" id="btnSave" />
    @*<input type="button" value="Submit" onclick="SaveItems();" id="btnSave" />*@


</div>



/////////////////////////////////////////////
[HttpGet]
        public JsonResult ItemDetails()
        {
            List<ItemModel> ObjEmp = new List<ItemModel>()  
        {  
            new ItemModel  
            {  
                item = "Test1"  
            },  
            new ItemModel  
            {  
                item = "Test2"  
            },
             new ItemModel  
            {  
                item = "Test3"  
            },  
            new ItemModel  
            {  
                item = "Test4"  
            }  


        };
            
            return Json(ObjEmp, JsonRequestBehavior.AllowGet);
        }
//

Procedure Example

CREATE Procedure [dbo].[ECS_GetProductList_SP]
as
Select distinct SLS_PackageDetail_TB.Price,SLS_PackageDetail_TB.Price as [TotalAmount],SLS_PackageDetail_TB.Quantity,SLS_PackageDetail_TB.Product_Id ,
ORA_Products_TB.name,SLS_B_TaxPercentage_TB.TaxPercentage
Into #TemMyProductList
From SLS_PackageDetail_TB 
INNER JOIN ORA_Products_TB on SLS_PackageDetail_TB.Product_Id = ORA_Products_TB.Id 
Inner Join SLS_B_TaxDetail_TB On ORA_Products_TB.ID=SLS_B_TaxDetail_TB.Product_Id
Inner Join SLS_B_TaxPercentage_TB on SLS_B_TaxDetail_TB.Tax_ID=SLS_B_TaxPercentage_TB.id
where  SLS_PackageDetail_TB.Active='y' and
SLS_PackageDetail_TB.Active='Y' AND SLS_B_TaxDetail_TB.Active='y' AND ORA_Products_TB.Active='y'
order by ORA_Products_TB.name,SLS_PackageDetail_TB.Quantity asc
Select ROW_NUMBER() over (ORDER BY name) AS ID,* From #TemMyProductList

Drop Table #TemMyProductList

............

CREATE Procedure [dbo].[Ecs_ChangePinCode_Sp]
(@NicNo varchar(25),@ContactNumber varchar(15),
@OldPinCode varchar(6),@NewPincode varchar(6))
as
If Exists (Select sct.NIC_No,scnt.ContactNumber From SLS_ContactNumbers_TB scnt Inner Join SLS_Contact_TB sct on scnt.Contact_Id=sct.Id 
   where sct.NIC_No=@NicNo and scnt.ContactNumber=@ContactNumber and scnt.Pincode=@OldPinCode)
   Begin
   Update SLS_ContactNumbers_TB Set PinCode=@NewPincode where ContactNumber=@ContactNumber
   Select 1 as [Status],'Pincode Has been Changed'  as [Message]
   End
   Else
   Begin
   Select 0 as [Status],'Provide valid CellNo/Nic/OldPin' as [Message]
   End




web Controller plus views

 public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Message = "Modify this template to jump-start your ASP.NET MVC application.";

            return View();
        }
        //[HandleError]
        //[HandleError(View = "ErrorDeatils")]
        public ActionResult About()
        {
            //ViewBag.Message = "Your app description page.";
            throw new Exception("Some unknown error encountered!");
            return View();
        }

        public ActionResult Contact()
        {
            ViewBag.Message = "Your contact page.";

            return View();
        }

        public ActionResult ShowGrid() {
            GetReportData();
            return View();
     
        }



        public ActionResult Getdata() {

            GetStateData();
            return View();
        }


        [HttpGet]
        public ActionResult GetStateData()
        {
            //  return View();
            var lstReportData = new List<States>();
            GetData ob = new GetData();
            var dt = ob.GetAllData();

            if (dt.Rows.Count > 0)
            {
                lstReportData = GetStateList(dt);
            }
            return Json(lstReportData, JsonRequestBehavior.AllowGet);
        }



        private List<States> GetStateList(DataTable dt)
        {
            var lsrCar = new List<States>();
            foreach (DataRow dr in dt.Rows)
            {
                var objPC = new States();
                objPC.State = dr["State"].ToString();
                objPC.City = dr["City"].ToString();
                lsrCar.Add(objPC);
            }
            return lsrCar;
        }


        [HttpGet]
        public ActionResult GetReportData()
        {
          //  return View();
            var lstReportData = new List<ActivityModel>();
            GetData ob = new GetData();
            var dt = ob.GetAllActivity();

            if (dt.Rows.Count > 0) {
                lstReportData = GetList(dt);
            }
           return  Json(lstReportData, JsonRequestBehavior.AllowGet);
        }



        private List<ActivityModel> GetList(DataTable dt)
        {
            var lsrCar = new List<ActivityModel>();
            foreach (DataRow dr in dt.Rows)
            {
                var objPC = new ActivityModel();
                objPC.id = dr["id"].ToString();
                objPC.name = dr["name"].ToString();
                objPC.active = dr["active"].ToString();
                lsrCar.Add(objPC);
            }
            return lsrCar;
        }


        public ActionResult NewGrid() {

            return View();
     
        }


        [HttpGet]
        public ActionResult GetCountryList()
        {

            var obj = new GetData();
            var dt = obj.GetAllCounrty();
            var ListCenter = GeCityList(dt).ToList();
            return Json(ListCenter, JsonRequestBehavior.AllowGet);

        }




        [HttpGet]
        public ActionResult GetCityList()
        {

            var obj = new GetData();
            var dt = obj.GetAllCity();
            var ListCenter = GeCityList(dt).ToList();
            return Json(ListCenter, JsonRequestBehavior.AllowGet);

        }

        private List<City> GeCityList(DataTable dt)
        {
            var lstcomplain = new List<City>();
            foreach (DataRow dr in dt.Rows)
            {
                var objPC = new City();
                objPC.Id = dr["Id"].ToString();
                objPC.Name = dr["Name"].ToString();
                lstcomplain.Add(objPC);
            }
            return lstcomplain;
        }
   
        //

        [HttpPost]
        public ActionResult SaveData(string StrMTL, string listvals)
        {
                List<string> strList = new List<string>();
                GetData ob = new GetData();
                ob.savedata(StrMTL, listvals);
                string Msg = "Complaint Assigned Successfully";
                strList.Add(Msg);
                return Json(strList, JsonRequestBehavior.AllowGet);
     
        }


    }

/////////////////////////////////////////////////////////////
@{
    ViewBag.Title = "Home Page";
}

<h3>We suggest the following:</h3>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">

        $(document).ready(function () {

            fillCities();
            fillCountry();
        });


        function fillCities() {
            $.ajax({
                type: "GET",
                contentType: "application/json; charset=utf-8",
                url: '@Url.Action("GetCityList", "Home")',
                data: {},
                success: function (data) {
                    $.each(data, function (i, val) {
                        $('#ChooseLeft').append($('<option>', {
                            value: val.Id,
                            text: val.Name
                        }));
                    });
                },
                error: function (xhr, status) {
                },


                complete: function (data) {
                },

                dataType: "json"
            });
        }

        //selectcountry

        function fillCountry() {
            $.ajax({
                type: "GET",
                contentType: "application/json; charset=utf-8",
                url: '@Url.Action("GetCountryList", "Home")',
                data: {},
                success: function (data) {
                    $.each(data, function (i, val) {
                        $('#selectcountry').append($('<option>', {
                            value: val.Id,
                            text: val.Name
                        }));
                    });
                },
                error: function (xhr, status) {
                },


                complete: function (data) {
                },

                dataType: "json"
            });
        }


        function SaveData() {

       
           var StrMTL = $("#selectcountry").val();
           var a = hdvalues.value;
           var listvals = a.substring(0, a.length - 1)
           alert(listvals);
         
   

            if (StrMTL != "0") {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: '@Url.Action("SaveData", "Home")',
                    data: "{'StrMTL':'" + StrMTL + "','listvals':'" + listvals + "'}",
                    success: function (data) {
                        alert(data);
                   
                    },
                    error: function (xhr, status) {
                        alert('Unknown error ' + status);
                    },
                    dataType: "json"
                });
            }
            else {
                alert("Kindly Provide Fields !");
            }


        }






        $(function () {
            $("#ShiftRight,#ShiftLeft").click(function (event) {
                var ID = $(event.target).attr("ID");


                var ChooseFrom = ID == "ShiftRight" ? "#ChooseLeft" : "#ChooseRight";
                var moveTo = ID == "ShiftRight" ? "#ChooseRight" : "#ChooseLeft";

                var SelectData = $(ChooseFrom + " :selected").toArray();

                var result = "";
                var x = document.getElementById("ChooseLeft");
                for (var i = 0; i < x.options.length; i++) {
                    if (x.options[i].selected == true) {
                        alert(x.options[i].value);
                        result += x.options[i].value + ',';
                    }
                }
                //alert(result);

                hdvalues.value = result;
   
                alert(hdvalues.value);

                $(moveTo).append(SelectData);
                SelectData.remove;
            });
        });
    </script>
</head>
<body>




    <form method="get">


        <select id="selectcountry" style="width:202px;">
            <option value="0">Select</option>
        </select>


        <select id="ChooseLeft" multiple="multiple">
            @*<option value="1">Lucknow</option>
                <option value="2">Kanpur</option>
                <option value="3">Delhi</option>
                <option value="4">Gurgao</option>
                <option value="5">Noida</option>
                <option value="5">Agra</option>
                <option value="5">Banglore</option>
                <option value="5">Rajasthan</option>
                <option value="5">Pune</option>*@
        </select>
        <input id="ShiftRight" type="button" value=" ShftRight (>>) " />
        <input id="ShiftLeft" type="button" value="ShiftLeft(<<) " />

        <select id="ChooseRight" multiple="multiple"></select>



        <button id="submit3"  type="submit" onclick="SaveData();">Savedata</button>

    </form>



</body>
</html>
<input type="hidden"  id="hdvalues" />
/////////////////////////////////////////////////////////////////////////////////////////////////

For Grid work

@{
    ViewBag.Title = "ShowGrid";
    Layout = null;
}
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>


<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/jqgrid/4.6.0/jquery.jqGrid.min.js"></script>
<script src="https://cdn.jsdelivr.net/jqgrid/4.6.0/i18n/grid.locale-en.js"></script>
<script src="https://cdn.jsdelivr.net/jqgrid/4.6.0/jquery.jqGrid.min.js"></script>
<link href="https://cdn.jsdelivr.net/jqgrid/4.6.0/css/ui.jqgrid.css" rel="stylesheet" />


    <script type="text/javascript">
       
        $(document).ready(function () {
            var grid = jQuery("#myGrid");

            $(function () {
                "use strict";
                $("#myGrid").jqGrid({
                    url: '@Url.Action("GetReportData", "Home")',
                    data:JSON,
                    mytype: 'get',
                    colNames: ['ID', 'NAME','active'],
                    colModel: [
                    { name: 'ID', width: '35px' },
                    { name: 'Name', width: '160px' },

                    //{
                    //    name: 'enbl', index: 'enbl', width: 60, align: 'center',
                    //    formatter: 'checkbox', editoptions: { value: '1:0' },
                    //    formatoptions: { disabled: false },
                    //}
                    {
                        name: 'active', width: 60, align: 'center',
                        edittype: 'checkbox',
                        editoptions: { value: 'Yes:No', defaultValue: 'Yes' },
                        formatoptions: { disabled: false },
                        formatter: function (cellvalue, options, rowObject) {
                            return '<input type="checkbox" id="cbPassed-' + rowObject.ID +
                                (rowObject.active === true ? '" checked="checked" />' : '" />');
                        }
                    }

                   

                    ],


                    cmTemplate: { width: 220 },
                    beforeSelectRow: function (rowid, e) {
                        var $self = $(this), $td = $(e.target).closest("tr.jqgrow>td"),
                            iCol = $td.length > 0 ? $td[0].cellIndex : -1,
                            cmName = iCol >= 0 ? $self.jqGrid("getGridParam", "colModel")[iCol].Name : "",
                            localData = $self.jqGrid("getLocalRow", rowid);
                        if (cmName === "active" && $(e.target).is("input[type=checkbox]")) {
                            localData.active = $(e.target).is(":checked");
                        }

                        return true;
                    },

                    threeStateSort: true,
                    autoencode: true,
                    viewrecords: true,
                    sortorder: "asc",
                    pager: $('#myPager'),
                    rowNum: 5,
                    sortname: 'ID',
                    gridview: true,
                    sortorder: 'desc',
                    loadonce: true,
                    rowList: [5, 10, 20, 50],
                    width: 600,
                    height: 110,
                    viewrecords: true,
                    caption: 'Employee details in JQ Grid'
                });
            });


            //$("#button1").click(function() {
            //    var str = '';
            //    var data = grid.getRowData();
            //    for (i = 0; i < data.length; i++) {

            //        alert(data[i]);
            //        //if(data[i].checkbox==='1')
            //        //    str += data[i].ID+',';
            //    }
            //    alert(str);
            //});


            $('#btn').click(function () {
                var myGrid = $('#myGrid'), i, rowData, names = [],
                    rowIds = myGrid.jqGrid("getDataIDs"),
                    n = rowIds.length;
                for (i = 0; i < n; i++) {
                    rowData = myGrid.jqGrid("getLocalRow", rowIds[i]);
                    if (rowData.active) {
                        names.push(rowData.Name);
                    }
                     }

                //console.log(names);
                alert(names.join(";"));
            })
        });














        //    $('#btn').click(function () {
        //        var str = '';
        //        var myGrid = $('#myGrid'), i, rowData, names = [],
        //            rowIds = myGrid.jqGrid("getDataIDs"),
        //            n = rowIds.length;
        //        for (i = 0; i < n; i++) {
        //            rowData = myGrid.jqGrid("getLocalRow", rowIds[i]);
        //           // if (rowData.enbl==1) {
        //                if (rowData.enbl) {
        //                    //alert(rowIds);

        //                alert(rowData.ID);
        //                //str += rowData.ID + ',';
        //                 }
        //              }
        //        //alert(str);
        //    })

        //});



        //function Callfunc() {


        //    //alert('1');

        //    //var a = grid.get
        //    //alert(a);
        //    //var str = '';
        //    var data = grid.getRowData();
         
        //    for (i = 0; i < data.length; i++) {

        //        alert(data[i].ID);
        //        alert(data[i].length);
        //        //if (data[i].checkbox === '1')
        //        //    str += data[i].Id + ',';
        //    }
        //    //alert(str);

        //}

</script>
<style type="text/css">
    .ui-jqgrid .ui-widget-header {
        background-color: #336699;
        background-image: none;
        color: white;
    }

    .ui-jqgrid .ui-jqgrid-labels th.ui-th-column {
        background-color: #FFCC66;
        background-image: none;
        color: #336699;
        height: 30px;
        font-weight: bold;
    }
</style>

<h2>ShowGrid</h2>

<div>
    <table id="myGrid"></table>
    <div id="myPager"></div>


    <input type="button" value="CheckValues" id="btn"/>
</div>





DataMethods Plus Webconfig

web config:.

<connectionStrings> 
    <!-- Crm-Dev Tpl Test -->
    <add name="ApplicationServicesTest" connectionString="Data Source=172.16.2.86\SQL14;Initial Catalog=TPL_Test;User Id=crmsupport;Password=swbestteam" providerName="System.Data.SqlClient"/>
    <add name="ApplicationServices" connectionString="Data Source=MNET-PC;Initial Catalog=DbTest;User Id=sa;Password=sa123" providerName="System.Data.SqlClient"/>
  </connectionStrings>

---------------------------------------------------------------------------------------------
--before appsetting


public DataTable GetAllActivity()
        {
            var con = new SqlConnection(ConfigurationManager.ConnectionStrings["ApplicationServices"].ToString());
            var sqlad = new SqlDataAdapter("GetAllEmps", con);
            sqlad.SelectCommand.CommandType = CommandType.StoredProcedure;
            var ds = new DataSet();
            con.Open();
            sqlad.Fill(ds);
            con.Close();
            return ds.Tables[0];
        }

        public DataTable GetAllCity()
        {
            var con = new SqlConnection(ConfigurationManager.ConnectionStrings["ApplicationServices"].ToString());
            var sqlad = new SqlDataAdapter("GetCity", con);
            sqlad.SelectCommand.CommandType = CommandType.StoredProcedure;
            var ds = new DataSet();
            con.Open();
            sqlad.Fill(ds);
            con.Close();
            return ds.Tables[0];
        }

        public DataTable GetAllCounrty()
        {
            var con = new SqlConnection(ConfigurationManager.ConnectionStrings["ApplicationServices"].ToString());
            var sqlad = new SqlDataAdapter("GetCountry", con);
            sqlad.SelectCommand.CommandType = CommandType.StoredProcedure;
            var ds = new DataSet();
            con.Open();
            sqlad.Fill(ds);
            con.Close();
            return ds.Tables[0];
        }

        public DataTable savedata(string cityid, string countryid)
        {
            var con = new SqlConnection(ConfigurationManager.ConnectionStrings["ApplicationServices"].ToString());
            var sqlad = new SqlDataAdapter("InsertData", con);
            sqlad.SelectCommand.CommandType = CommandType.StoredProcedure;
            sqlad.SelectCommand.Parameters.AddWithValue("cityid", cityid);
            sqlad.SelectCommand.Parameters.AddWithValue("countryid", countryid);
            var ds = new DataSet();
            con.Open();
            sqlad.Fill(ds);
            con.Close();
            return ds.Tables[0];
        }


        public DataTable GetAllData()
        {
            var con = new SqlConnection(ConfigurationManager.ConnectionStrings["ApplicationServices"].ToString());
            var sqlad = new SqlDataAdapter("GetAlldata", con);
            sqlad.SelectCommand.CommandType = CommandType.StoredProcedure;
            var ds = new DataSet();
            con.Open();
            sqlad.Fill(ds);
            con.Close();
            return ds.Tables[0];
        }
////////////////////////////////////

SQL Procedure 
ALTER Procedure [dbo].[InsertData]
@cityid int,
@countryid varchar(100)

--@cityid int=2,
--@countryid varchar(100)='14,5'
As
Declare @t TABLE
(
EmployeeID INT,
Certs VARCHAR(8000)
)

INSERT @t VALUES (@cityid,@countryid)

SELECT  EmployeeID,
LTRIM(RTRIM(m.n.value('.[1]','varchar(8000)'))) AS Certs
into #temp FROM
(
SELECT EmployeeID,CAST('<XMLRoot><RowData>' + REPLACE(Certs,',','</RowData><RowData>') + '</RowData></XMLRoot>' AS XML) AS x
FROM   @t
)t
CROSS APPLY x.nodes('/XMLRoot/RowData')m(n)


Insert into tb1
select *from #temp

 Select 1 as [Status],'data Has been saved'  as [Message]

Drop Table #temp



Thursday, October 26, 2017

MVC Start Up web Links

http://www.guriddo.net/demo/guriddojs/selection/checkbox/index.html

http://www.c-sharpcorner.com/article/filters-in-Asp-Net-mvc-5-0-part-twelve/

http://www.c-sharpcorner.com/UploadFile/3d39b4/rendering-a-partial-view-and-json-data-using-ajax-in-Asp-Net/
http://www.c-sharpcorner.com/UploadFile/0c1bb2/bind-html-table-using-json-data-in-Asp-Net-mvc/

Login Form in MVC

@model KeDispatcher.Models.Login

//////
@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "loginForm" }))
{
    <div class="wrapper">
        <div class="login-area clearfix">
            <div class="company-image"><img src="@Url.Content("~/Content/themes/red/images/login-logo.png")" width="296" height="89" /></div>
            <div class="login-msg">Please enter UserId and Password</div>
            <p></p>
            <div class="login-fields">
                @Html.TextBoxFor(m => m.userid, new { @class = "user-number", autocomplete = "off" })

                <p></p>
                @Html.PasswordFor(m => m.password, new { @class = "user-pin" })
            </div>
            <p></p>
            @*<p><img src="/Authentication/ShowCaptchaImage" /></p>*@
            @*<p>Please enter the string as shown above:</p>
                <p>@Html.TextBox("CaptchaText")</p>*@
            <div class="login-buttons clearfix">
                @*<span class="change-pin">@Html.ActionLink("Change PIN", "Login", "Authentication", new { onclick = "AlertEditNo();" })</span>*@
                <button id="btlogin" class="login-button">Log In</button>
                @ViewBag.result
            </div>
        </div>
        @if (!String.IsNullOrEmpty(@ViewBag.result))
        {
            @:
            <script type="text/javascript">alert('@ViewBag.result')</script>
        }
        @if (!String.IsNullOrEmpty(@ViewBag.result))
        {
            @:
            <script type="text/javascript">alert('@ViewBag.result')</script>
        }
        <!--Footer Start-->
        @*<div class="footer clearfix">
                <div class="footer-text">©2015 TPL Trakker All Right Reserved.</div>
            </div>*@
        <!--Footer End-->
    </div>
}