在exportExcel组件的onBeforeExport事件中可以动态修改导出的列名称，需要注意的是修改导出的列名称时，要先动态设置导出的列 如下： Model.prototype.exportExcel1BeforeExport = function(event) { // 设置导出的文件名、关系、显示的表头 event.source.relations = "fName:,fCode:";//设置导出的列 event.source.labelRelations = "aa,bb";//设置导出的列标题 event.source.downloadFilename = "导出测试.xlsx";//设置导出的文件名 };
smartFilter默认是给data设置filter的，普通data直接设置filter是不起作用，因此需要自己给action传参拼接where条件 可以在smartFilter的onFilter事件中获取到搜索框中输入的值，然后传给action做过滤；具体实现如下： 1.在Model的构造函数中定一个变量用了存储smartFilter的onFilter事件中获取到搜索框中输入的值 var Model = function(){ this.callParent(); this.filterStr = ""; }; 2.在smartFilter的onFilter事件中获取到搜索框中输入的值,并刷新数据 Model.prototype.smartFilter1Filter = function(event) { this.filterStr = event.source.searchText.get();//获取搜索框中输入的值并赋值给变量this.filterStr var data = event.source.getFilterData();//获取要过滤数据的data data.refreshData();//调用data的刷新 }; smartFilter的定义如下： 3.在data的onCustomRefresh事件中调用action加载数据 Model.prototype.data1CustomRefresh = [...]
output和input组件中显示可以在onRender事件中控制 output中如下： Model.prototype.output6Render = function(event){ event.html = event.value+'%' }; input中如下： Model.prototype.input4Render = function(event){ event.text = event.value+'%'; }; grid中显示 方案一：通过column上的formatter属性控制，可以设置formatter属性值为currency，然后suffix属性值设置为%即可 方案二：在grid的onCellRender事件中控制，如下： Model.prototype.grid1CellRender = function(event) { if (event.colName == 'fSZ' && event.colVal [...]
grid中实现attachmentSimple上传图片需要在onCellRender中实现，具体实现如下： Model.prototype.grid1CellRender = function(event){ if(event.colName == 'fFJ'){ //解析数据库中存储的json数据 var jsonList = eval("(" + event.colVal + ")"); var ownerID = event.rowID; if (jsonList != undefined) { var realFileName = encodeURIComponent(jsonList[0]["realFileName"]); var storeFileName = jsonList[0]["storeFileName"]; var [...]
树型虚根设置是grid上的，因此可以通过grid的属性设置，如下： var grid = this.comp("treeGrid"); grid.virtualRootLabel = "aaa"; grid.refresh(); 需要注意设置后刷新一下grid
rowAttr属性可以设置行高样式等http://doc.wex5.com/?p=4560#4.1中有说明 链接中的动态控制只有一个条件判断，如果有多个条件判断直接设置属性可能不太好写，可以定义js函数，调用函数控制 如下通过fName列的值判断显示不同的背景颜色： js函数定义： Model.prototype.rowCss = function(fName) { var rowAttr = ""; if (fName == 'noticeTest') { rowAttr = { style : 'background:pink;' }; } else if (fName == 'test') { rowAttr = { [...]
树型多级编号的实现效果如下： 在.w放grid组件，关联设置为树型的data， data树型定义如下： grid中主要设置如下： 需要注意grid中的flevel字段是维护级别的，平台默认没有维护需要在新增数据的时候自己维护，在新增根设置编码的时候需要用到 具体的实现代码如下 1.Model的构造函数中定义如下4个变量 var Model = function() { this.callParent(); this.selectedid, this.selectedParentID, this.selectedCode, this.selectedLevel = ""; }; 2.data的新增前事件中获取当前选中行的父ID(fParentID)、编号(fCode)、级别(flevel)f给变量赋值 Model.prototype.treeDataBeforeNew = function(event) { this.selectedid = event.source.getRowID(); this.selectedParentID = event.source.getValue("fParentID"); this.selectedCode [...]
隐藏某个.w中所以的dataTables表头，参考 var windowID = this.getIDByXID("window"); $('#' + windowID + ' .table.dataTable').find("thead").hide(); 其中window是.w中window节点的xid 需要注意.table.dataTable前面是有个空格的 隐藏某个dataTables的表头,参考： $(this.getElementByXid("listData")).find("thead").hide(); 其中listData是.w中window节点的xid
smartFilter组件里面的输入框其实就是input，因此设置smartFilter焦点就是设置里面input的焦点 具体实现如下： $(this.getElementByXid("smartFilter")).find("input").focus(); 其中smartFilter是smartFilter组件的xid
报表中数据多的时候导出会比较慢，可以在导出的时候加一个遮罩层提示 报表导出的请求是ajax请求，因此可以在页面中放popOver组件，在model的onLoad事件中判断ajax请求开始时控制popOver显示，ajax请求结束时控制popOver隐藏 如下： Model.prototype.modelLoad = function(event) { var popOver = this.comp("popOver1"); $(document).ajaxStart(function() { popOver.show(); }); $(document).ajaxStop(function() { popOver.hide(); }); $(document).ajaxError(function() { popOver.hide(); }); };