c# layui 动态表格进行动态赋值

js如下:

///

//加载函数

$(function () {

    Nbook.load();

});

var Nbook =

{

    load: function () {

        Nbook.clci();

    },

    selectDat: function () {

        var val;

        $.ajax({

            type: "post",

            dataType: "json",

            data: { "method": "selectData", "Name": "'" + $.trim($("#Name").val())+"'" },

            url: "ashx/test.ashx",

            success: function (data) {

                if (data != null) {

                    var html = "";

                    val = eval(data);

                    //console.log(book.length);

                    //for (var i = 0; i < book.length; i++) {

                    //    html += "

  • " + book[i].name + "
  • " + book[i].sch_id + "
  • " + book[i].sex + "
  • " + book[i].isOk + "
";

                    //}

                    //$(".main").html(html);

                    layui.use('table', function () {

                        var table = layui.table;

                        //展示已知数据

                        table.render({

                            elem: '#socialList'

                            , cols: [[ //表头

                                { type: 'checkbox', fixed: 'left' },

                                { field: 'name', title: '姓名', sort: true, fixed: 'left', unresize: true, sort: true, totalRowText: '合计' }

                                , { field: 'sch_id', title: '学校ID', sort: true, totalRow: true }

                                , { field: 'sex', title: '性别', sort: true, totalRow: true }

                                , { field: 'isOk', title: '是否OK' }

                            ]],

                            data: val

                            , even: true

                            , page: true //是否显示分页

                            , toolbar: true //开启工具栏,此处显示默认图标,可以自定义模板,详见文档

                            , limits: [3, 5, 7, 8, 10, 50]

                            , limit: 8 //每页默认显示的数量

                            , cellMinWidth: 80

                            , height: 'full-515'//设置表格最大高度

                            , totalRow: true//开启合计

                        });

                    });

                }

            }

        });

    },

    clci: function ()

    {

        if ($.trim($("#Name").val()) == "")

        {

            Nbook.selectDat();

        }

        $("input[type='button']").click(function () {

            Nbook.selectDat();

        });



    }

}

页面如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="myselect.aspx.cs" Inherits="WebTest.Demos.myselect" %>

   

   

   

   

   

       

           

                搜索ID:

               

                   

               

               

           

       

       

   

   

   

   

一般处理程序如下:

using Models;

using Newtonsoft.Json;

using SqlSugar;

using System.Linq;

using System.Web;

using WebTest.Dao;

namespace WebTest.Demos.ashx

{

    ///

    /// test 的摘要说明

    ///

    public class test : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

            context.Response.ContentType = "text/plain";

            string method = context.Request.Form["method"];

            string names = context.Request.Form["Name"];

            //names=names != string.Empty ? names : "(1==1)";

            var JsonString = string.Empty;

            if (method == "selectData")

            {

                using (var db = SugarDao.GetInstance())

                {

                    //.Where(i => i.name == names)

                    var student = db.Queryable().ToList();

                    #region 查询数据

                    JsonString = "[";

                    //lambda写法

                    for (int i = 0; i < student.Count; i++)

                    {

                        JsonString += "{";

                        JsonString += "\"name\":\"" + student[i].name + "\",\"sch_id\":\"" + student[i].sch_id + "\",\"sex\":\"" + student[i].sex + "\",\"isOk\":\"" + student[i].isOk + "\"";

                        JsonString = (i == student.Count - 1) ? JsonString += "}" : JsonString += "},";

                    }

                    JsonString += "]";

                    #endregion

                    object jsonob = JsonConvert.SerializeObject(JsonString);

                    context.Response.Write(jsonob);

                }

            }

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

}

你可能感兴趣的:(c# layui 动态表格进行动态赋值)