SMART datagrid v.1 > Examples

Back  Forward

Load Styles  Example

如果调用GridBase.loadStyles方法,就会读取包含样式表的所有区域以及几种动态样式组设置等的对象,并整体上一次性变更网格的显示内容。 下列例题中,将会反映分别定义在名为"flatbluestyles.js""graystyles.js"的文件中的两个主题。 

GridBase.clearStyles删除除网格默认样式以外的、被另外设置的所有样式值。 

 

Grid - 1
rows

当然,主题对象可以通过任何方式进行传递,如在直接调用的位置上创建等。 如本次例题,最通常的方式是,在服务器上另行准备主题脚本或储存在数据库等后,根据请求而反映在加载过程中。 

Code -1
    grid.loadStyles(flatbluestyles);
    
    // 或直接
    grid.loadStyles({
        default: {},
        grid: {},
        body: {},
        ...
    });

 

Code -2
    $.ajax({
		url: "/repo/grid/resource/data/flatbluestyles.json",
    	dataType: 'json',
    	success: function (data) {
    	    grid.loadStyles(data);   
    	}
    });

 

查看源代码 JSP 

See Also
loadStyles
样式概述
网格样式表
Examples
列样式
行样式