easyui2 

datagrid绑值时不能有重复的字段，如果需要使用重复字段需要在获取数据后$(len).each自建一个字段

列表分页

.datagrid-row-selected {background-color: transparent;}  取消点击行变色

点击行中的<button>会自动刷新页面的问题，要加<button type="button">或者用<span><input type="button">

复制代码
<div style="width:100%;">
        <table id="NewsList_list" class="easyui-datagrid" style="width: 100%; height: 680px;"
               data-options="
                method:'get',
                idField: 'NewsID',
                fitColumns:true
            ">

        </table>
    </div>

    <div id="NewsList_pagerPanel" style="background: #f3f3f3; border-bottom: 1px solid #95b8e7; border-left: 1px solid #95b8e7; border-right: 1px solid #95b8e7; ">
        <div id="NewsList_pager" class="easyui-pagination"
             data-options="
                    total:NewsList_pageTotal,
                    pageList: [10,20,30,50,100],
                    pageSize:20,
                    beforePageText: '第',
                    afterPageText: '页    共 {pages} 页',
                    displayMsg: '共 {total} 条记录',
                    onSelectPage:function(pageNumber, pageSize){
                        $(this).pagination('loading');
                        NewsList_pagerChange(pageNumber, pageSize);
                        $(this).pagination('loaded');
                    }
                ">
        </div>
    </div>

复制代码

 

复制代码
var NewsList_pageTotal = 0;
var NewsList_pageSize = 20;
var NewsList_pageIndex = 1;

//获取列表
function NewsList_getlist() {

    var Title = $("#NewsList_Title").val();
    var Status = Number($("#NewsList_Status").combobox('getValue'));
    var isValid = Number($("#NewsList_isValid").combobox('getValue'));

    if (typeof NewsList_pageIndex == 'undefined') {
        NewsList_pageIndex = 1
    }
    if (typeof NewsList_pageSize == 'undefined') {
        NewsList_pageSize = 20
    }
    $.ajax({
        type: 'get',
        dataType: "json",
        url: "/News/GetList?t=" + Math.random(),
        data: {
            UserToken: UserToken,
            TypeID: 2,
            Title: Title,
            NoticeType: 0,
            NoticeUserType: 0,
            Status: Status,
            isValid: isValid,
            pn: NewsList_pageIndex,
            ps: NewsList_pageSize
        },
        cache: false,
        async: false,
        success: function (msg) {
            console.log(msg);
            if (msg.status.code == 1) {
                var len = msg.row_data.record;
                var total = msg.row_data.total_records;
                NewsList_pageTotal = total;

                $('#NewsList_list').datagrid('loadData', { total: 0, rows: [] });
                $("#NewsList_list").datagrid({
                    data: len,
                    checkOnSelect: false,//选中行选中复选框
                    selectOnCheck: false,
                });
                NewsList_Pager(total);
                $(len).each(function(index,item){
                    //0，未发布1，发布中2，已撤销
                    if(item.Status == 1){
                        $("#Cx"+item.NewsID).removeClass('yincang')
                    }else{
                        $("#Fb"+item.NewsID).removeClass('yincang')
                        $("#Bj"+item.NewsID).removeClass('yincang')
                        $("#Sc"+item.NewsID).removeClass('yincang')
                    }
                })
            } else if(msg.status.code == -1000){
                $.messager.alert("提示", msg.status.msg, "", function () {
                    top.location.href = '/Home/SystemLogin';
                });
            } else {
                $('#NewsList_list').datagrid('loadData', { total: 0, rows: [] });
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
        }
    });
}

//增加按钮
function NewsList_rowformater(value,row) {
    //console.log(row)
    return '<button class="mlr5 yincang" id="Bj'+row.NewsID+'" onclick="NewsList_edit_btn(\'' + value + '\',\'' + row.NewsID + '\')">编辑</button><button class="mlr5" onclick="NewsList_look_btn(\'' + value + '\',\'' + row.NewsID + '\')">预览</button><button class="mlr5 yincang" id="Sc'+row.NewsID+'" onclick="NewsList_delete_btn(\'' + row.NewsID + '\',\'' + row.Title + '\')">删除</button><button class="mlr5 yincang" id="Fb'+row.NewsID+'" onclick="NewsList_fabu_btn(\'' + row.NewsID + '\',\'' + row.Title + '\',1)">发布</button><button class="mlr5 yincang" id="Cx'+row.NewsID+'" onclick="NewsList_fabu_btn(\'' + row.NewsID + '\',\'' + row.Title + '\',2)">撤销</button>';
}

//查看
function NewsList_edit_btn(value,id) {
    parent.openWindow('编辑信息:', '/News/NewsInfo?CurID=' + id, 900, 775);

}
//预览
function NewsList_look_btn(value,id){
    parent.openWindow('预览信息:', '/News/NewsLook?CurID=' + id + '&NeedRead=0', 900, 775);
}

//发布，撤销
function NewsList_fabu_btn(id,Title,num){
    var msg = '';
    var fhmsg = ''
    if(num == 1){
        msg = '您确定发布 [ ' + Title + ' ] 公文吗?';
        fhmsg = '该公文发布成功'
    }else{
        msg = '您确定撤销 [ ' + Title + ' ] 公文吗?';
        fhmsg = '该公文已撤销'
    }
    $.messager.confirm({
        title: '提示：',
        msg: msg,
        width: 350,
        height: 170,
        modal: true,//开启灰色背景
        fn: function (r) {
            if (r) {
                $.ajax({
                    type: 'post',
                    dataType: "json",
                    url: "/News/UpdStatus",
                    data: {
                        UserToken: UserToken,
                        ID: Number(id),
                        Status: num
                    },
                    cache: false,
                    async: false,
                    success: function (msg) {
                        //console.log(msg);
                        if (msg.status.code == 1) {
                            parent.$.messager.alert("提示", fhmsg, "", function () {});
                            NewsList_getlist();
                        } else if(msg.status.code == -1000){
                            $.messager.alert("提示", msg.status.msg, "", function () {
                                top.location.href = '/Home/SystemLogin';
                            });
                        } else {
                            $.messager.alert("提示", msg.status.msg, "", function () {});
                        }
                    },
                    error: function () {

                    }
                })
            }
        }
    });
}
//删除
function NewsList_delete_btn(id,Title) {
    $.messager.confirm({
        title: '提示：',
        msg: '您确定删除 [ ' + Title + ' ] 这条信息吗?',
        width: 350,
        height: 170,
        modal: true,//开启灰色背景
        fn: function (r) {
            if (r) {
                $.ajax({
                    type: 'post',
                    dataType: "json",
                    url: "/News/Del",
                    data: {
                        UserToken: UserToken,
                        ID: Number(id),
                    },
                    cache: false,
                    async: false,
                    success: function (msg) {
                        //console.log(msg);
                        if (msg.status.code == 1) {
                            parent.$.messager.alert("提示", "删除成功", "", function () {});
                            NewsList_getlist();
                        } else if(msg.status.code == -1000){
                            $.messager.alert("提示", msg.status.msg, "", function () {
                                top.location.href = '/Home/SystemLogin';
                            });
                        } else {
                            $.messager.alert("提示", msg.status.msg, "", function () {});
                        }
                    },
                    error: function () {

                    }
                })
            }
        }
    });
}

$('#NewsList_list').datagrid({
    remoteSort: false,
    columns: [[
        { field: 'ck', checkbox: true, width: getWidth(0.02), align: 'center' },
        { field: 'NewsNo', title: '文号', width: getWidth(0.10), align: 'center',
hidden:AdminType == 3
 },//百分比
        { field: 'Title', title: '标题', width: getWidth(0.30), align: 'center' },
        // {
        //     field: 'NoticeUserType', title: '通知目标', width: getWidth(0.10), align: 'center',
        //     formatter: function (value, row, index) {
        //         //在方法里实现判断值来return结果
        //         var curid = row.NoticeUserType.split(',');
        //         var res = ''
        //         $(curid).each(function(index,item){
        //             if(item == 1){
        //                 res += '平台管理员,'
        //             }else if(item == 2){
        //                 res += '地区管理员,'
        //             }else if(item == 3){
        //                 res += '企业用户,'
        //             }else {
        //                 res += '员工,'
        //             }
        //         })
        //         res = res.substring(0,res.length-1)
        //         return res
        //     }
        // },

        {
            field: 'Status', title: '状态', width: getWidth(0.05), align: 'center',
            formatter: function (value, row, index) {
                //在方法里实现判断值来return结果
                var curid = row.Status;
                if (curid == 0) {
                    return "未发布";
                } else if (curid == 1){
                    return "发布中";
                } else{
                    return "已撤销"
                }
            }
        },
        { field: 'AddAdmin', title: '发布人', width: getWidth(0.05), align: 'center',
        styler: function(value,row,index){
                //if (row.IsRemind < 20){
                //return 'background-color:#ffee00;color:red;';
                //}
            }
 },
        { field: 'CreateDate', title: '发布时间', width: getWidth(0.10), align: 'center',},

        { field: 'UpdAdmin', title: '撤销人', width: getWidth(0.05), align: 'center' },
        { field: 'UpdateDate', title: '撤销时间', width: getWidth(0.10), align: 'center'},
        { field: 'NewsID', title: '操作', width: getWidth(0.15), formatter: NewsList_rowformater, align: 'center' }
    ]]
});

//搜索
function NewsList_doSearch(value) {
    NewsList_pageIndex = 1;
    NewsList_getlist();
    $('#NewsList_pager').pagination('refresh', {    // 改变选项，并刷新分页栏信息
        pageNumber: 1
    });
}


//分页
function NewsList_Pager(Total) {
    $('#NewsList_pager').pagination({
        total: Total,
        rownumbers: true,
        pageSize: NewsList_pageSize,
        pageIndex: NewsList_pageIndex
    });
}
function NewsList_pagerChange(pageNumber, pageSize) {
    $('#NewsList_list').datagrid('clearChecked');
    NewsList_pageIndex = pageNumber;
    NewsList_pageSize = pageSize;
    var sea = Number($("#TypeID").val());
    NewsList_getlist();
}
复制代码

 

滑块：

复制代码
$("#StaffList_IsDrivingLicenseRemind").switchbutton({
            width:65,
            onChange: function(val){
                console.log(val);
                var num = 0
                if(val){
                    
                }else{
                   
                }
            }
        })
复制代码

 

监听单选按钮：

复制代码
$('input[type=radio][name=OrdersInfo_Status]').change(function() {
        //console.log(this.value);
        var val = this.value;
        if(val == 1){
            $("#dgzz").hide();
            $("#OrdersInfo_TJ").hide();
            OrdersInfo_btn();
        }else if(val == 2){
            $("#ewm").hide();
            $("#dgzz").hide();
            $("#OrdersInfo_TJ").show();
            $("#OrdersInfo_TJ .l-btn-text").html('去付款');
        }else if(val == 3){
            $("#ewm").hide();
            $("#dgzz").show();
            $("#OrdersInfo_TJ").show();
            $("#OrdersInfo_TJ .l-btn-text").html('提交');
        }
    });
复制代码

 

监听复选框：

复制代码
$('input[type=checkbox][name=ptxy]').change(function() {
        var val = this.checked;
        if(val){
            //同意
            $("#bty_btn").removeClass('bgc4 fc1');
            $("#bty_btn").addClass('bgc5');

            $("#ty_btn").removeClass('bgc5');
            $("#ty_btn").addClass('bgc4 fc1');
        }else{
            //不同意
            $("#bty_btn").removeClass('bgc5');
            $("#bty_btn").addClass('bgc4 fc1');

            $("#ty_btn").removeClass('bgc4 fc1');
            $("#ty_btn").addClass('bgc5');
        }
    })
复制代码

 

监听下拉列表选项：

复制代码
$('#TrainingPlanModify_SafetyUser').combobox({
        onSelect: function(record){
            //console.log(record)
            if(record.AutographUrl != null && record.AutographUrl != ''){
                $("#SafetyUserURL").val(record.AutographUrl)
            }else{
                $("#SafetyUserURL").val('')
            }
        }
    });
复制代码

 

获取类别绑值下拉城市地区：

复制代码
<div style="margin-right: 20px; float: left;">
            <div style="width:50px;float:left; line-height:28px;">城市：</div>
            <div style="width: 100px; float: left; line-height: 28px;">
                <select class="easyui-combobox" name="AdminTableList_CityID" id="AdminTableList_CityID" style="width:100px;">
                    <option value="0">全部</option>
                </select>
            </div>
        </div>
        <div style="margin-right: 20px; float: left;">
            <div style="width:50px;float:left; line-height:28px;">地区：</div>
            <div style="width: 100px; float: left; line-height: 28px;">
                <select class="easyui-combobox" name="AdminTableList_AreaID" id="AdminTableList_AreaID" style="width:100px;">
                    <option value="0">全部</option>
                </select>
            </div>
        </div>
复制代码
复制代码
var AdminTablediqu = []
//获取绑值：
AdminTablediqu_getlist();
//根据条件可以禁用和赋值初始值，初始值为登陆信息
if(userCityID != 0){
            $("#AdminTableList_CityID").combobox('setValue',userCityID);
            $("#AdminTableList_CityID").combobox('readonly',true);
        }
        if(userAreaID != 0){
            $("#AdminTableList_AreaID").combobox('setValue',userAreaID);
            $("#AdminTableList_AreaID").combobox('readonly',true);
        }

//获取地区列表
function AdminTablediqu_getlist() {
    AdminTablediqu = []
    $.ajax({
        type: 'get',
        dataType: "json",
        url: "/Management/SelectCityArea",
        data: {
            ParentID: -1,//ParentID<0时查所有（城市下带有地区list）；ParentID>=0时，只查当前ParentID的城市或地区
        },
        cache: false,
        async: false,
        success: function (msg) {
            if (msg.status.code == 1) {
                AdminTablediqu = msg.row_data.record;
                var obj = {
                    AddAdminID: 1,
                    CityAreaID: 0,
                    CityAreaName: "全部",
                    CreateDate: "",
                    Level: 1,
                    ParentID: 0,
                    Sort: 0,
                    UpdateAdminID: 1,
                    UpdateDate: "",
                    children:null
                }
                $(AdminTablediqu).each(function(index,item){
                    if(item.children != null){
                        var cobj = {
                            AddAdminID: 1,
                            CityAreaID: 0,
                            CityAreaName: "全部",
                            CreateDate: "",
                            Level: 2,
                            ParentID: item.CityAreaID,
                            Sort: 0,
                            UpdateAdminID: 1,
                            UpdateDate: "",
                            children: null
                        }
                        item.children.unshift(cobj)
                    }
                })
                AdminTablediqu.unshift(obj)
                //console.log(AdminTablediqu);
                $("#AdminTableList_CityID").combobox({
                    valueField: 'CityAreaID',
                    textField: 'CityAreaName',
                    mode: 'local',
                    data: AdminTablediqu,
                    onLoadSuccess: function () {
                        $('#AdminTableList_CityID').combobox('setValue', '');
                    },
                    onSelect: AdminTableopChange
                });
            } else if(msg.status.code == -1000){
                $.messager.alert("提示", msg.status.msg, "", function () {
                    top.location.href = '/Home/SystemLogin';
                });
            } else {

            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
        }
    });
}
function AdminTableopChange(value) {
    if (value.CityAreaID != 0) {
        $("#AdminTableList_AreaID").combobox({
            valueField: 'CityAreaID',
            textField: 'CityAreaName',
            mode: 'local',
            data: value.children,
            onLoadSuccess: function () {
                $('#AdminTableList_AreaID').combobox('setValue', '');
            },
        });
    } else if (value.CityAreaID == 0) {
        $("#AdminTableList_AreaID").combobox({
            data: [],
            onLoadSuccess: function () {
                $('#AdminTableList_AreaID').combobox('setValue', '');
            },
        });
    }
}
复制代码

 

posted @   石头记1  阅读(3)  评论(0)  编辑  收藏  举报
相关博文：
· Knockout
· easyui1
· EasyUI Datagrid 应用
· easyui-datagrid 加载数据 方法一( 数据绑定方式 )
· EasyUI Datagrid 数据网格
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！
点击右上角即可分享
微信分享提示