Easyui点击展开多个View

<style>
    .dg-jeremyedit {
        margin-left:10px;
        color:#33507e;
        cursor: pointer;
    }
    .adjus_div {
        display:none;
    }
    
    .datagrid-cell datagrid-cell-c8-Id {
        width:100px;
    }
    .datagrid-cell datagrid-cell-c29-DomainName {
        min-width:200px;
    }
   .datagrid-view1 {
        display:none;
    }
    .datebox {
        width:100px!important;
    }
    .validatebox-text {
        width:80px!important;
    }
    .line {
        width:15px!important;
    }
    td[field="EffectiveDate"] .datagrid-cell{
         overflow:visible;
    }
</style>


<div id="adjus_step2" name="adjus" data-step="2" style="display: none;border: 0px solid #ccc;width: 96%;margin-left: 2%;margin-right: 2%;min-height: 425px;overflow: hidden;">
    <div class="opcontrol" style="color: #314e75;">
        <span style="margin-left: 20px;font-size: 13px;">人员查询</span>
        <input id="keyword" maxlength="5" placeholder="请输入要搜索的内容...">
        @*<i class="iconfont icon-sousuo"></i>*@
        <button class="searchbtn" data-step="2">
            搜索
        </button>
        <label class="i-import" οnclick="Org_Exopt()"><i class="iconfont icon-daoru " style="margin-right:3px;"></i>导入</label>
        <label class="i-export"><i class="iconfont icon-daochu" style="margin-right:3px;color:#33507e;"></i>导出</label>
    </div>
    <div class="adjus_div">
        <table id="adjus_dg"></table>
    </div>
</div>
<div id="TplDate" style="display:none;">
    <select class="v-startDate" style="width:30px;">
    </select>


    <select class="v-endDate" style="width:30px;">
    </select>
</div>
<script>
    function marginJsonArray(des, src, override) {
        if (src instanceof Array) {
            for (var i = 0, len = src.length; i < len; i++)
                marginJsonArray(des, src[i], override);
        }
        for (var i in src) {
            if (override || !(i in des)) {
                des[i] = src[i];
            }
        }
        return des;
    }


    function StrFormat_(val_, row, index) {
        if (!val_)
            return "";


        if (typeof (val_) == "boolean") {
            if (val_)
                return "是";
            else
                return "否";
        }


        if (typeof (val_) == "object")
            console.log(val_);


        if (typeof (val_) != "string") {
            console.log(val_);
            return;
        }


        if (val_.indexOf("/Date(") > -1) {
            return GetFormatDateString(val_);
        }


        return val_;
    }
    var columns = [];//大行列
    var columns1 = [];//小行用的列


    function setDetailViewColumns() {
        columns1 = [];
        //隐藏
        var noEditsFileds = ["StaffNo", "StaffName", "StaffPinyin", "CostCenter", "DateJoin", "OrgId", "OrgDescr", "PositionCode", "PositionDescr"];//不允许编辑列
        if (StaffColumnsShow.length > 0) {
            var key = "";
            for (var item_ in StaffColumnsShow) {
                key = StaffColumnsShow[item_];
                if (noEditsFileds.indexOf(key.Value) >= 0)
                    continue;
                columns1.push({
                    field: key.Value, title: key.Text, width: 150, align: 'center', editor: 'text', formatter: StrFormat_
                });
            }
            columns1.unshift({
                field: "StaffNo",
                title: "员工编号",
                width: 100,
                align: 'center',
                hidden:true
            });


            columns1.unshift({
                field: "EffectiveDate",
                title: "生效日期(月)",
                width: 150,
                align: 'center',
                //editor: 'text',
                editor: { type: 'jeremydate', options: { paramField: "EffectiveDate" } },                
                formatter: function (value, row) {
                    return value;
                }
            });


            columns1.unshift({
                field: "Id", title: "操作", width: 80, align: 'center',//, hideColumn: false,
                formatter: function (value, row, index) {
                    return '<span class="" οnclick="singleSaveDetailView(this,' + index + ')" ><i class="iconfont icon-save "></i></span><span class="dg-jeremyedit" οnclick="cancelEdit(this,' + index + ')"><i class="iconfont icon-guanbi "></i></span>';
                }
            });
        }
    }


    var idsArray = {};//大行当前页数据(本地)
    function load_adjus_dg(code_) {
        if (!VersionInfo.PPtnCode) {
            console.log("人员模型code为空");
            return;
        }
        var StaffColumns_ = [];//加载自定列
        if (StaffColumnsShow.length > 0) {
            var key = "";
            for (var item_ in StaffColumnsShow) {
                key = StaffColumnsShow[item_];
                StaffColumns_.push({
                    field: key.Value, title: key.Text, width: 120, align: 'center', formatter: StrFormat_
                });
            }


            //StaffColumns_.unshift({
            //    field: "EffectiveDate",
            //    title: "生效日期(月)",
            //    width: 220,
            //    align: 'center',
            //    editor: 'EffectiveDate',
            //    //editor: { type: 'jeremydate', options: { paramField: "EffectiveDate" } },
            //    formatter: function (value, row) {
            //        return value;
            //    }
            //});


            StaffColumns_.unshift({
                field: "Id", title: "操作列&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值