b2科目四模拟试题多少题驾考考爆了怎么补救
b2科目四模拟试题多少题 驾考考爆了怎么补救

ligerui_ligerui怎么用_ligerui grid(2)

电脑杂谈  发布时间:2016-11-28 02:03:12  来源:网络整理

/*

如何设置事件

*/

//这里给文本框绑定一个改变值的事件

//也可以设置onChangeValue参数

g.bind('changeValue', function (value)

{

alert(value);

});

});

</script>

</head>

<body>

<input type="text" value=""/>

</body>

更多的参数和方法的设置可以查看API:

上面是TextBox的使用范例,其他的插件使用方式类似。

如何使用ligerUI对象

我们应用完插件以后,是返回一个ligerui对象的,可以把这个对象保存在一个全局的变量里面。在后续的操作中可能会用到。如果因为变量作用域的限制等,没有及时保存起来。我们可以用其他方式获取。见如下:

保存到一个全局的javascript变量:

使用$.fn.ligerGetTextBoxManager

使用$.ligerui.get方法

第三个方式的是使用ligerui对象的id直接获取的,在传入参数没有指定id的情况下,对象的id将会使用html元素的id,如果html元素没有id,将会自动生成一个。所以在这里我们可以用html文本框的id来获取。

如果没有指定html元素的id,可以用第一种方式或者第二种方式。

其实第二种方式可以用第一种方式来替代,实则上ligerText是可以重复调用的,不同的是第二次以后调用都是直接放回ligerui对象。ligerui当我们不确定html元素是否已经应用了插件的情况下可以使用第二种方式。

其他插件的命名跟TextBox类同

事件处理

事件处理有两种方式。一种是以参数的形式传入,一种是调用ligerui对象的bind方法。

使用bind方法是没有带”on”的。

事件是可以多次绑定的。

对于某些事件,如果函数的返回值是false,那么后面还没有触发的函数将不会再执行

第二种方式(bind),是V1.1.3使用core机制以后引入的。

方法调用

使用ligerui的接口很方便。只需要调用ligerui对象的方法即可。

也可以使用这种方式

至于这个对象有哪些方法,可以查看API

对象的方法是可以扩展的,后面会有一篇ligerui扩展的章节来介绍

第二种方式是在V1.1.4加入的

获取参数值

每一个ligerui对象都会有get方法。可以获取参数值

或者是:

动态设置参数

每一个ligerui对象都会有set方法。用于动态得设置参数。比如改变Grid的url,那么可以这样写:

或者是:

也可以用插件的方式:

第二种方式是允许同时传入多个参数的。

Set方法是所有插件的统一设置属性的接口

Set方法是V1.1.3使用core机制以后引入的。

插件传参的方式是V1.1.4引入的

回到顶部

如何扩展

Ligerui的默认参数、方法都是可以扩展的,这里我们定义了两个入口: $.ligerDefaults和$.ligerMethods。

比如要改变或者扩展Grid的默认参数,可以改变$.ligerDefaults.Grid

默认参数扩展

只需要扩展对象:$.ligerDefaults.{Plugin}

比如要改变表格默认的头部标题:

if($.ligerDefaults.Grid)

{

$.ligerDefaults.Grid.title = "我的表格";

}

本地化支持扩展

只需要扩展对象:$.ligerDefaults.{Plugin}String

比如把表格“加载时”翻译成英文:

if($.ligerDefaults.GridString)

{

$.ligerDefaults.GridString.loadingMessage = "loading...";

}

方法扩展

只需要扩展对象:$. ligerMethos.{Plugin}

这里给Grid ligerui对象增加一个alert方法:

$.extend($.ligerMethods.Grid,

{

alert : function ()

{

//要注意到一点,这里的this就是ligerui对象

var rowdata = this.getSelectedRow();

if (!rowdata)

alert('空');

else

alert(rowdata.CustomerID);

}

}

);

function show()

{

//后面就可以这样使用

Var g = $(“#maingrid”).ligerGrid();

g.alert();

}


本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/jisuanjixue/article-22080-2.html

相关阅读
    发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

    每日福利
    热点图片
    拼命载入中...