页面 添加

var lines = 50;
var prefix = "/infee/setItem"
$(function() {
    loadData();
    load();
});

function load() {
    //重置table内数据
    $('#demo').bootstrapTable('destroy');//这里必须要添加这个销毁,否则新增、修改、查看的切换可编辑列表中的数据可能加载出现问题。 
    $('#demo')
            .bootstrapTable(
                    {    editable:true,//开启编辑模式  
                        method : 'get', // 服务器数据的请求方式 get or post
                        url : prefix + "/list", // 服务器数据的加载地址
                    //    showRefresh : true,
                    //    showToggle : true,
                    //    showColumns : true,
                        iconSize : 'outline',
                        toolbar : '#exampleToolbar',
                        striped : true, // 设置为true会有隔行变色效果
                        dataType : "json", // 服务器返回的数据类型
                        pagination : true, // 设置为true会在底部显示分页条
                        // queryParamsType : "limit",
                        // //设置为limit则会发送符合RESTFull格式的参数
                        singleSelect : false, // 设置为true将禁止多选
                        // contentType : "application/x-www-form-urlencoded",
                        // //发送到服务器的数据编码类型
                        pageSize : 10, // 如果设置了分页,每页数据条数
                        pageNumber : 1, // 如果设置了分布,首页页码
                        //search : true, // 是否显示搜索框
                        showColumns : false, // 是否显示内容下拉框(选择显示的列)
                        sidePagination : "server", // 设置在哪里进行分页,可选值为"client" 或者 "server"
                        queryParams : function(params) {
                            return {
                                //说明:传入后台的参数包括offset开始索引,limit步长,sort排序列,order:desc或者,以及所有列的键值对
                                limit: params.limit,
                                offset:params.offset,
                               feeId:$('#feeId').val(),
                               // username:$('#searchName').val()
                            };
                        },
                        // //请求服务器数据时,你可以通过重写参数的方式添加一些额外的参数,例如 toolbar 中的参数 如果
                        // queryParamsType = 'limit' ,返回参数必须包含
                        // limit, offset, search, sort, order 否则, 需要包含:
                        // pageSize, pageNumber, searchText, sortName,
                        // sortOrder.
                        // 返回false将会终止请求
                        columns : [
                                {
                                    checkbox : true
                                },
                                                                {
                                    field : 'id', 
                                    title : 'id' ,
                                    align:"center",
                                    edit:{required:true,type:'text' }
                                },
                                                                {
                                    field : 'feeId', 
                                    title : '费用名称' ,
                                    edit:{required:true,type:'text' }
                                },
                                                                {
                                    field : 'itemId', 
                                    title : '费用类别',
                                    edit:{required:true,type:'text' } 
                                },
                                                                {
                                    field : 'itemName', 
                                    title : '单位' ,
                                    edit:{required:true,type:'text' }
                                },
                                                                {
                                    field : 'itemGs', 
                                    title : '建筑物类型' 
                                },
                                                                {
                                    field : 'itemDj', 
                                    title : '备注' 
                                }, 
                                                                {
                                    title : '操作',
                                    field : 'id',
                                    align : 'center',
                                    formatter : function(value, row, index) {
                                        
                                        var e = '<a class="btn btn-primary btn-sm '+'" href="#" mce_href="#" title="编辑" onclick="edit(\''
                                                + row.id
                                                + '\')"><i class="fa fa-edit"></i>编辑</a> ';
                                        var d = '<a class="btn btn-warning btn-sm '+'" href="#" title="删除"  mce_href="#" onclick="remove(\''
                                                + row.id
                                                + '\')"><i class="fa fa-remove"></i>删除</a> ';
                                        var f = '<a class="btn btn-success btn-sm" href="#" title="设置计费"  mce_href="#" onclick="set(\''
                                                + row.id
                                                + '\')"><i class="fa fa-key"></i>设置计费</a> ';
                                        return e + f+d;
                                    }
                                } ],
                         onEditableSave: function (field, row, oldValue, $el) {
                              $table = $('#demo').bootstrapTable({});
                              $table.bootstrapTable('updateRow', {index: row.rowId, row: row});
                        }
                    });
}
function reLoad() {
    $('#exampleTable').bootstrapTable('refresh');
}
function loadData(){
    //单个对象--隐藏id feeId aId等
    var set=$("#set").val();  
    var obj = eval ("(" + set + ")");
    $("#feeId").val(obj.feeId);
    //多个对象集合
    var sets=$("#sets").val();
    var objs = eval ("(" + sets + ")");
    var size=objs.length;
    if(size>=0){
        $("#txtTRLastIndex").val(size+1    );
        for(var a=0;a<size;a++){
            var o=objs[a];
            addData(o.id,o.itemName,o.itemGs,o.itemDj);
        }
    } 
}
function deleteById(id){
    layer.confirm('确定要删除选中的记录?', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : "/infee/setfee/removeItem",
            type : "post",
            data : {
                'id' : id
            },
            success : function(r) {
                if (r.code==0) {
                    layer.msg(r.msg);
                    reLoad();
                }else{
                    layer.msg(r.msg);
                }
            }
        });
    })
}
//添加一个参与人填写行 
function addData(ids,name,gs,dj) { //读取最后一行的行号,存放在txtTRLastIndex文本框中  
    var rowID = $("#txtTRLastIndex").val();
    var id = rowID - 1;
    
    var signFrame = findObj("SignFrame", document);
    //添加行 
    var newTR = signFrame.insertRow(signFrame.rows.length);
    newTR.id = "SignItem" + ids;

    //添加列:序号 
    var newNameTD = newTR.insertCell(0);
    newNameTD.innerHTML = newTR.rowIndex.toString();
    //添加列:名称 
    var newNameTD = newTR.insertCell(1);
    newNameTD.innerHTML = "<input required class='form-control' name='setItemDO["+id+"].itemName'"  +"value='"+name+"'"+ " id='rDyName" + id + "' type='text' size='12' />";

    //添加列:公式 
    var newTelTD = newTR.insertCell(2);
    newTelTD.innerHTML = "<input required class='form-control' name='setItemDO["+id+"].itemGs'" +"value='"+gs+"'"+ " id='unitContent" + id + "' type='text' size='10' />";
    //添加列:单价 
    var newTelTD = newTR.insertCell(3);
    newTelTD.innerHTML = "<input required class='form-control' name='setItemDO["+id+"].itemDj'" +"value='"+dj+"'"+ " id='unitContent" + id + "' type='text' size='10' />";

    //添加列:删除按钮 
    var newDeleteTD = newTR.insertCell(4)
    newDeleteTD.innerHTML = "<div class='form-control' align='center'><a href='javascript:;' onclick=\"deleteById('" + ids + "')\">删除</a></div>";

    //将行号推进下一行
    lines = rowID + 1;
}

function findObj(theObj, theDoc) {
    var p, i, foundObj;
    if (!theDoc)
        theDoc = document;
    if ((p = theObj.indexOf("?")) > 0 && parent.frames.length) {
        theDoc = parent.frames[theObj.substring(p + 1)].document;
        theObj = theObj.substring(0, p);
    }
    if (!(foundObj = theDoc[theObj]) && theDoc.all)
        foundObj = theDoc.all[theObj];
    for (i = 0; !foundObj && i < theDoc.forms.length; i++)
        foundObj = theDoc.forms[i][theObj];
    for (i = 0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
        foundObj = findObj(theObj, theDoc.layers[i].document);
    if (!foundObj && document.getElementById)
        foundObj = document.getElementById(theObj);
    return foundObj;
}
function saveExp(){
    var aa=$('#signupForm').serialize(); 
    var aa=$('#signupForm').serialize(); 
    $.ajax({
        cache : true,
        type : "POST",
        url : "/infee/setfee/saveExp",
        data : $('#signupForm').serialize(),// 你的formid
        async : false,
        error : function(request) {
            parent.layer.alert("Connection error");
        },
        success : function(data) {
            if (data.code == 0) {
                parent.layer.msg("操作成功");
                parent.reLoad();
                var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
                parent.layer.close(index);

            } else {
                parent.layer.alert(data.msg)
            }

        }
    });
}
 

猜你喜欢

转载自blog.csdn.net/weixin_41722928/article/details/81698693