.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>
评一波