动态添加和更改F7编辑器(div和editGrid列)
//更改列编辑器
waf("#editGrid").wafGrid("setColumnConfig", "settlementType",
{
edittype:"f7",
editoptions:{
/**这里填写wafctrl:promptBox中的属性和值,是一个JSON对象**/
f7Json:{displayFormat:"{name}"},
/**这里填写wafPromptQuick、wafPromptGrid、wafPromptIframe中的一个**/
subWidgetName:"wafPromptQuick",
/**这里填写wafctrl:promptQuick、wafctrl:promptGrid、wafctrl:
promptIframe中的属性和值,是一个JSON对象**/
subTagJson:{query:"com.kingdee.eas.basedata.assistant.app.SettlementTypeQuery",dataUrl:waf.
getContextPath()+"/component/F7Quick.do?method=initalize",numberOfContent: [10, 1],width:280},
/**这里填写wafctrl:validator中的属性和值,是一个JSON对象**/
validateJson:{errMsg:"required:'名称不能为空!'", rules:"required:true"},
onchange:_private.settlementTypeChange
},
formatter:"f7"
}
);
//设置列过滤条件
waf("#editGrid").wafGrid("setCellEditorAllConfig","revAccount","filteritem","companyID.id='"+currentCompanyId+"'","promptQuick",null);
//设置allowAutoComplete和autoCompleteItem属性,捕获到F7有键盘输入时触发onkeypress事件
waf("#editGrid").wafGrid("setCellEditorAllConfig","revAccount","allowAutoComplete",true,"promptQuick",null);
waf("#editGrid").wafGrid("setCellEditorAllConfig","revAccount","autoCompleteItem","name","promptQuick",null);
//第二种方式,changeCellEditor更改某个单元格的编辑器
var options={
edittype:"f7",
editoptions:{
/**这里填写wafctrl:promptBox中的属性和值,是一个JSON对象**/
f7Json:{displayFormat:"{name}"},
/**这里填写wafPromptQuick、wafPromptGrid、wafPromptIframe中的一个**/
subWidgetName:"wafPromptQuick",
/**这里填写wafctrl:promptQuick、wafctrl:promptGrid、wafctrl:
promptIframe中的属性和值,是一个JSON对象**/
subTagJson:{query:"com.kingdee.eas.basedata.org.app.F7CUQuery",dataUrl:waf.
getContextPath()+"/component/F7Quick.do?method=initalize"},
/**这里填写wafctrl:validator中的属性和值,是一个JSON对象**/
validateJson:{errMsg:"required:'名称不能为空!'", rules:"required:true"}
},
formatter:"f7"
}
waf("#list2").wafGrid("changeCellEditor", rowid, name, options);
//动态向列布局添加F7
1 initCustomerF7:function(projectId){
var name = "specialAgioCustomer";
var filter = "";
filter = "sellProject.id = '"+projectId+"'";
var options = {
id:name,
name: name,
subWidgetName: "wafPromptQuick",
subWidgetOptions: {
url:"",
ajaxType: "GET",
query: "com.kingdee.eas.fdc.sales.app.SHECustomerQuery",
accessType: "remote",
isMulti:false,
allowAutoComplete: true,
autoChoose:false,
autoCompleteItem: "name,phone,simpleNamePingYin,fullNamePingYin,certificateNumber",
displayItem:"name",
onselect:_private.f7Customer_dataChanged,
cu: false,
filteritem:filter,
numberOfContent: [10, 1],
},
formatter:_private.selectFormatter,
};
var lbOptions = {
id: name + "Lb",
labelAlign: "right",
caption: "客户",
tagClass: "asstlb"
}; var lbDOM = waf.createDOM("labelContainer", lbOptions);
waf.appendDOM(waf("#layoutCol2"), lbDOM);
waf.initComponent("labelContainer", lbOptions, lbDOM); var promptBoxDom = waf.createDOM("promptBox", options);
waf("#"+name + "Lb").wafLabelContainer("append", promptBoxDom);
waf.initComponent("promptBox", options, promptBoxDom);
waf("#" + name + "Lb_ctrl .ui-f7-frame").css("width", "100%");
},
动态添加和更改F7编辑器(div和editGrid列)的更多相关文章
- asp.net gridview动态添加列,并获取其数据;
1,绑定数据前先动态添加列,见方法CreateGridColumn(只在第一次加载动态添加): 2,gvlist_RowDataBound为对应列添加控件: 前台代码: <%@ Page Lan ...
- [转] JQuery UI Tabs 动态添加页签,并跳转到新页签
[From] https://blog.csdn.net/zhangfeng2124/article/details/76672403 需求: 1.tabs默认只有一个页签,但是需要点击某按钮,动态添 ...
- js动态添加和删除标签
html代码 <h1>动态添加和删除标签</h1> <div id="addTagTest"> <table> <thead& ...
- 关于jQuery获取不到动态添加的元素节点的问题
遇到问题: 当我获取 $("#art-list")页面元素后去在后面追加标签的时候(append),在下面用 $(selector) 获取刚刚添加的标签,发现怎么都获取不到. 问题 ...
- js动态添加Div
利用JavaScript动态添加Div的方式有很多,在这次开发中有用到,就搜集了一下比较常用的. 一.在一个Div前添加Div <html> <body> <div id ...
- JavaScript 动态添加div 绑定点击事件
1.动态添加div function cDiv(num){ var oDiv=document.createElement("div"); oDiv.className='divs ...
- 动态添加div及对应的js、css文件
动态添加div及对应的js.css文件 在近期的项目开发中需要在首页中添加很多面板型的div,直接加载代码显得很繁琐,于是利用js封装一个动态添加div及其对应css文件和js文件的方法供大家参考使用 ...
- C# 后台动态添加标签(span,div) 以及模板添加
很多时候.我们需要在后台用C#代码添加html标签.而不是在html源码中添加. 比如在html源码中简单的一个input 标签 <input type="type" nam ...
- vue中动态添加div
知识点:vue中动态添加div节点,点击添加,动态生成div,点击删除,删除对应的div,其中数组的长度是动态改变的,如在from表单中应用,直接在提交方法中,获得list,获取所填的元素即可 效果: ...
随机推荐
- [py]shell着色
print "\033[32;1myou are 30 older and little than 40\033[0m"
- spring 3.2.x + struts2 + mybatis 3.x + logback 整合配置
与前面的一篇mybatis 3.2.7 与 spring mvc 3.x.logback整合 相比,只是web层的MVC前端框架,从spring mvc转换成struts 2.x系列,变化并不大 一. ...
- canvas drag 实现拖拽拼图小游戏
博主一直心心念念想做一个小游戏- 前端时间终于做了一个小游戏,直到现在才来总结,哈哈- 以后要勤奋点更新博客! 实现原理 1.如何切图? 用之前的方法就是使用photoshop将图片切成相应大小的图 ...
- 是什么时候开始学习gulp了
转自:http://www.ydcss.com/archives/18 简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重 ...
- Android编译报Errors running builder 'Android Pre Compiler' on project 'XXX' java.lang.NullPointerException
编译android时,遇到报错:Errors occurred during the build.Errors running builder 'Android Pre Compiler' on pr ...
- centos hadoop搭建准备
永久修改主机名:hostnamectl set-hostname <hostname> IP地址: BOOTPROTO=static IPADDR=192.168.31.128NETMAS ...
- 用node.js实现简单的web服务器
node.js实现web服务器还是比较简单的,我了解node.js是从<node入门>开始的,如果你不了解node.js也可以看看! 我根据那书一步一步的练习完了,也的确大概了解了node ...
- [BZOJ1528][POI2005]sam-Toy Cars(贪心)
题目:http://www.lydsy.com:808/JudgeOnline/problem.php?id=1528 分析:这个贪心很好想,因为每次如果加入一种玩具,那么必须要删掉一种玩具,就变成了 ...
- C# 退出应用程序办法
Application.Exit();//好像只在主线程可以起作用,而且当有线程,或是阻塞方法的情况下,很容易失灵 this.Close();//只是关闭当前窗体. Application.E ...
- yii2权限控制rbac之菜单menu最详细教程
前面我们在博文 yii2搭建完美后台并实现rbac权限控制实例教程中完美实现了yii2的后台搭建和rbac权限控制,如果你还没有实现,请先看上文再回来参考本文,因为本文是在上文的基础上进行完善和补充. ...