function is_scrollTop(communicationCenter) { // 滚动到容器底部 communicationCenter.scrollTop = communicationCenter.scrollHeight; } // (空状态)查询区域加载 function isEmpty(data, tableId) { console.log(data); if (data.rows.length <= 0) { let pager = tableId.datagrid('getPanel').find('.datagrid-view2 .datagrid-body'); // console.log(pager); // 创建一个 img 元素 var imgElement = $(''); // 应用 CSS 样式 imgElement.css({ position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%,-50%)', // 注意修正此处的语法错误 // 其他样式可以根据需要添加 }); // 设置 img 元素的属性 let route = '/public/img/EmptyBlue.png' imgElement.attr('src', route); // 设置图片的路径 // 将 img 元素添加到 pager 元素中 pager.append(imgElement); } } // 查询区域加载(遮罩层01) /** * * @param {*隐藏和显示block,none} data * @param {*tableId的Id动态的生成} tableId * @param {*主要在FindData、筛选条件(回车事件)中使用延迟加载} */ function HiddenDisplay(data, tableId) { let id = 'mask' + tableId[0].id.toString() //动态查找table下的遮罩层 var div = document.querySelector('#' + id) if (div != null) { if (data == 'block') { return div.style.display = 'flex' } else if (data == 'none') { return div.style.display = 'none' } } else { return } } // 遮罩层html(放置ShowDbGrid函数中初始化遮罩层元素,(遮罩层01) /** * @param {*table的ID,使每个table的下面动态的生成ID} tableId */ function MaskLayer(tableId) { //设定动画 var style = document.createElement("style"); style.innerHTML = ` @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } `; document.head.appendChild(style); //jquery let id = 'mask' + tableId[0].id.toString() //动态生成遮罩层id(通过mask+table的id生成) // // 创建遮罩层和加载动画的div元素 var mask = $("
").addClass("mask").attr("id", id) .css({ position: "fixed", top: 0, left: 0, width: "100%", height: "100%", // marginTop: "5.7%", display: "flex", // 设置为 flex 布局 justifyContent: "center", // 水平居中 alignItems: "center", // 垂直居中 backgroundColor: "rgba(0, 0, 0, 0.38)", display: "none" }); // 创建加载动画元素 var spinner = $("
").addClass("loading-spinner") .css({ width: "40px", height: "40px", border: "4px solid #f3f3f3", borderTop: "4px solid #3498db", borderRadius: "50%", animation: "spin 1s linear infinite" }); // 将加载动画元素添加到遮罩层中 mask.append(spinner); // // 在目标元素后面添加遮罩层 tableId.after(mask); } //过滤条件组件 /** * @param {下拉框table中表头中的筛选的信息}datagridTitle * @param {ShowDbGrid中filterId里的属性parent:table所设置的toolbar名称和下面div所包裹的id}Newid * @param {ShowDbGrid中filterId里的属性filterFalse设置是否显示过滤框}filterFalse */ function filterNew(datagridTitle, id, Newid, filterFalse, btnFalse) { // // if (filterFalse == undefined) { //判断之前控件中没有加入到这个属性,或者忘记添加而添加的属性(已使用到属性则不影响) filterFalse = true } // if (!$('#div' + Newid).length > 0) { // var existingFilter = $("#" + Newid); // if (existingFilter.length > 0) { // // 如果过滤器已存在,先移除旧元素 // existingFilter.remove(); // } var relationdatas1 = [ // { value: '0', text: '请选择', selected: true, }, { value: '1', text: '包含', }, { value: '2', text: '等于' }, { value: '3', text: '不等于' }, { value: '4', text: '大于' }, { value: '5', text: '小于' }, ] var filteDiv = $("
"); filteDiv.css({ width: "100%", display: filterFalse ? 'block' : 'none' }) filteDiv.attr("id", "div" + Newid) //必须创建id(解析和渲染DOM使用) //字段框(数根据表头的字段获取来判断) var dept = $("").addClass("easyui-combobox") .css({ width: "15%", // height: "30px", }) dept.attr("name", "dept") dept.attr("id", "cc" + Newid); dept.attr("data-options", "valueField:'field', textField:'value',editable:false"); //每次初始化都会对应这table表头的信息 //条件框 (根据字段框具体要筛选什么数据) var dept1 = $("") dept1.addClass("easyui-combobox") dept1.css({ width: "15%", // height: "30px", }) dept1.attr("name", "dept" + Newid) dept1.attr("id", "dd" + Newid); // dept1.attr("labelWidth","20%") dept1.attr("data-options", "valueField:'value', textField:'text',editable:false"); //每次初始化都会对应这table表头的信息 // var dept2 = $("") //输入框回车事件 dept2.addClass("easyui-textbox") dept2.attr("id", "qq" + Newid) dept2.css({ width: "15%", marginLeft: "1%" }) dept2.attr("type", "text") var dept4 = $("