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
                });
  • 相关阅读:
    实现三联tab切换特效
    SQL Server对数据进行添加
    SmartUpload实现文件上传
    JavaScript图片轮播,举一反三
    SQL Server对数据进行删除
    用SQL Server查询所有数据并显示
    SQL Server日期格式化
    用SQL Server验证用户名和密码
    SQL Server存储过程作业(三)
    SQL Server存储过程作业(二)
  • 原文地址:https://www.cnblogs.com/tianxiaziwei/p/5010218.html
Copyright © 2011-2022 走看看