Question

我需要使用GridView加载我的asp.net控件Json

<script type="text/javascript">
       $(document).ready(function ()
       {
           $.ajax({

               type: "POST",
               contentType: "application/json; charset=utf-8",
               url: "IndexCustomer.aspx/BindDatatable",
               data: "{}",
               dataType: "json",
               success: function (data) {
                   for (var i = 0; i < data.d.length; i++) {


                       var input = '<input type="button" data-toggle="modal"  data-target=".bs-example-modal-lg"  id="btnEdit" class="btn btn-block btn-primary btn-sm" value="Edit" >';
                       var inputChek = '<input type="checkbox" id="chkRow">';
                       $("#ContentPlaceHolder1_GridView1").append("<tr><td>" + inputChek + "</td><td class='hidden-field''>" + data.d[i].CustID + "</td><td>" + data.d[i].Serial + "</td><td>" + data.d[i].Customer + "</td><td>" + data.d[i].MobileNo + "</td><td>" + data.d[i].NIC + "</td><td>" + data.d[i].CustType + "</td><td>" + input + "</td></tr>");
                   }
               },
               error: function (result) {
                   alert("Error");
               }
           });
       });
</script>

我在第一栏中添加了checkbox，在gridview的最后一栏，我动态添加了Edit Button

Checkboxes仅用于删除目的，不适用于编辑功能。

我的griview正在考虑将数据加载为

当我点击edit button bootstrap popup modal时，所有数据都需要填入textboxes

没有Json我通过在template field控件中使用gridview并使用Eval Mehthod作为

来完成此操作

    <ItemTemplate>
         <button  data-toggle="modal" data-target=".bs-example-modal-lg" type="button" id=""   

 onclick="showDelModel('<%#Eval("CustID")%>','<%#Eval("FirstName")%>','<%#Eval("LastName")%>','<%#Eval("MobileNo")%>','<%#Eval("NIC")%>','<%#Eval("CustType")%>','<%#Eval("Gender")%>','<%#Eval("Phone")%>','<%#Eval("Fax")%>','<%#Eval("Email")%>','<%#Eval("Website")%>','<%#Eval("DefCust")%>','<%#Eval("Address")%>')"  class="btn btn-block btn-primary btn-sm">Edit<i style="margin-left:10px" class="fa fa-edit"></i></button>   
                                                      </ItemTemplate>

并且效果很好，但现在我需要通过input button动态生成的Json中的此功能..

我试过它

var jsonStr = "'<%#Eval("CustID")%>','<%#Eval("FirstName")%>','<%#Eval("LastName")%>','<%#Eval("MobileNo")%>','<%#Eval("NIC")%>','<%#Eval("CustType")%>','<%#Eval("Gender")%>','<%#Eval("Phone")%>','<%#Eval("Fax")%>','<%#Eval("Email")%>','<%#Eval("Website")%>','<%#Eval("DefCust")%>','<%#Eval("Address")%>'";
                       var json = JSON.stringify(jsonStr);
                       json = JSON.parse(json)
                       var input = '<input type="button" data-toggle="modal"  data-target=".bs-example-modal-lg"  id="btnEdit" class="btn btn-block btn-primary btn-sm" value="Edit" onclick="showDelModel('+json+')">';

但它会抛出语法错误异常....

注意：其中showDelModel('+json+')是接受的javascript函数所有参数并将其分配给text fields中的相关Bootstrap pop modal。

所以我需要你的帮助才能离开这里，因为我是json ...

的新手

如果你认为这些细节还不够，那么请问我会为你提供更多

我正在使用asp.net, Json, JQuery.

如何获取Gridview的行数据并通过Json，JQuery传递给javascript

0 个答案: