.w文件中可以直接通过script定义html中的函数格式
如下:
<script> function test(event){ alert('test'); } </script>
.w中的按钮要调用script中的函数可以直接在onClick事件中调用即可
如下:
<a component="$UI/system/components/justep/button/button" class="btn btn-default" label="button" xid="button6" onClick="test"> <i xid="i6"/> <span xid="span6"/> </a>
script中的函数如果要调用组件或者model的方法需要先获取到model
具体操作:
1.用jquery的方式获取到.w中某个节点元素(任何元素都可以)的dom
2.用获取的元素获取model
var this = justep.Bind.contextFor(获取的元素).$model;
然后就可以用this.comp(“组件的xid”)或this.XXX()调用组件或者model的方法
如下:
<script>function test(event){ var dom = $("div[xid='test']").get(0);//获取xid为test的div的element var model = justep.Bind.contextFor(dom).$model;//获取model var data = model.comp("data1") var fName = data.getValue("fName"); alert(fName); }</script>
如果是在组件的事件中调用script中函数,函数中获取model可以不用jquery的方式获取dom,
如下:在按钮的click中调用script中的函数,并在函数中操作data
按钮的定义:
<a component="$UI/system/components/justep/button/button" class="btn btn-default" label="button" xid="button6" onClick="test"> <i xid="i6"/> <span xid="span6"/> </a>
函数的定义:
<script>function test(event){ var model = event.bindingContext.$model; //获取model var data = model.comp("data1") var fName = data.getValue("fName"); alert(fName); }</script>
评一波