JQuery Smart UI与Moss结合演示

   JQuery Smart UI系列已经好久没更新了,自从上次丢失过一个大版本,打击不小,在加上换工作等等因素,一直都没能恢复,只是小的调整。另外,Smart UI的推广无论是在上家公司还是现在的公司效果都不是很理想,大多的使用都是只用到了Smart UI中的某一组件。因此,Smart UI的后续策略也有所改变,根据实际的需求做一些结合性质的框架,如:moss和Mvc。目前在Smart UI 和Moss已经陆续的实现了一些,但还不是完善。下面演示两个实例:

  1. 自定义列表webpart

  在moss中实现smart ui的数据接口,已配置的方式,高效率的查询方式实现列表的查询功能。

JQuery Smart UI与Moss结合演示_第1张图片

  

Webpart设置

JQuery Smart UI与Moss结合演示_第2张图片

查询条件设置:

JQuery Smart UI与Moss结合演示_第3张图片

列设置:

JQuery Smart UI与Moss结合演示_第4张图片

查询基础属性设置:

JQuery Smart UI与Moss结合演示_第5张图片

最终效果

JQuery Smart UI与Moss结合演示_第6张图片

  2.TabControl Webpart

  tabcontrol不影响其他对象,用配置的一些信息在前台将页面上的元素转变成tab

  将一个对象的子元素,变成Tab显示:

JQuery Smart UI与Moss结合演示_第7张图片

  将不同的对象组合成Tab:

JQuery Smart UI与Moss结合演示_第8张图片

  根据list配置的地址或者是webpart属性中的设置,显示成Tab

JQuery Smart UI与Moss结合演示_第9张图片

JQuery Smart UI与Moss结合演示_第10张图片

目前这一系列才刚刚开始,后面会陆续的更多的内容。

你可能感兴趣的:(jquery)