zoukankan      html  css  js  c++  java
  • DataTable列渲染

      /* Init DataTables */
                oTable = $('#editable').dataTable({
                    "bProcessing": true,
                    "bServerSide": true,
                    "bSort": false, //排序功能关闭
                    "sAjaxSource": "@Url.Action("GetPsychiatrists")",
                    "iDisplayLength": "30",
                    "columnDefs": [
                        {
                            "targets": [0],
                            "data": "Id",
                            "visible": false,
                            "searchable": false
                        },
                        {
                            "targets": [1],
                            "data": "Name",
                        },
                        {
                            "targets": [2],
                            "data": "Lb"
                        },
                        {
                            "targets": [3],
                            "data": "problemType"
                        },
                        {
                            "targets": [4],
                            "data": "Resume"
                        },
                        {
                            "targets": [5],
                            "data": "Id",
                            "sWidth":"120px",
                            "render": function (data, type, full, meta)
                            {
                                return '<a  href= @Url.Action("PsyAppTime", "PsychiatristAppointmentTime")/'+data+'>管理预约时间</a>';
                            
                            }
                          
                        }
                        
                    
                    ]
                });
    $(document).ready(function () {
                dt = $('#editTable').dataTable({
                    "bProcessing": true,
                    "bServerSide": true,
                    "bSort": false,
                    "sAjaxSource": "xxxx",//这是要请求json数据的url
                    "oLanguage": {
                        "sLengthMenu": "每页显示 _MENU_ 条记录",
                        "sZeroRecords": "对不起,查询不到任何相关数据",
                        "sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",
                        "sInfoEmtpy": "找不到相关数据",
                        //"sInfoFiltered": "数据表中共为 _MAX_ 条记录",  
                        "sProcessing": "正在加载中...",
                        "sSearch": "搜索",
                        "sInfoEmpty": "显示 0 至 0 共 0 项",
    "oPaginate": { "sFirst": "第一页", "sPrevious": "上一页 ", "sNext": "下一页 ", "sLast": "末页 " }
                    },
                    "aoColumns": [
                        { "mData": "teacher_id", "sClass": "center" },
                        { "mData": "teacher_name", "sClass": "center" },
                        { "mData": "organization_name", "sClass": "center" },
                        { "mData": "manageOrganization_name", "sClass": "center" },
                        { "mData": "teacher_phone", "sClass": "center" },
                        { "mData": "teacher_email", "sClass": "center" },
                        { "mData": "admin_id", "sClass": "center" }
    
                    ],
                    "aoColumnDefs": [
                     {
                         "aTargets": [6],
                         "mData": "操作",
                         "mRender": function (data, type, full) {
                             return '<a href="javascript:void(0);" class="delete" tag=' + data + '>删除</a>';
                         }
                     }
                    ],
                    "fnServerData": fnDataTablesPipeline
                });
  • 相关阅读:
    JavaScript函数调用
    JS数据类型&&typeof&&其他
    JavaScript闭包底层解析
    test
    C# 网页自动填表自动登录 .
    C#中没有id 没有name C#怎么点击按钮
    网页中403错误的含义
    C# 按钮置顶和隐藏
    C# webBrowser 屏蔽网页JS脚本错误弹窗
    HTML5 canvas globalCompositeOperation 设置绘图的顺序
  • 原文地址:https://www.cnblogs.com/tianxiaziwei/p/5010218.html
Copyright © 2011-2022 走看看