miniui 设置属性

MiniUI 是一款基于 jQuery 的前端 UI 框架，它提供了丰富的组件和 API，可以帮助开发者快速构建具有良好用户体验的 Web 应用程序。在 MiniUI 中，设置组件的属性可以通过以下两种方式实现：

1. 使用 JavaScript 代码设置属性：可以通过组件对象的属性或方法来设置组件的属性。例如，设置一个 Button 组件的文本和图标可以通过以下代码实现：

// 获取 Button 组件对象
var btn = $("#btnSubmit").miniButton();

// 设置文本和图标
btn.setText("提交");
btn.setIconCls("icon-save");

2. 使用 HTML 标签属性设置属性：可以在组件的 HTML 标签中使用 data 属性来设置组件的属性。例如，设置一个 Grid 组件的列宽度可以通过以下代码实现：

<div id="grid" class="mini-grid" style="width:100%;height:300px;"
     data-columns='[
        {"header":"Name","field":"name","width":100},
        {"header":"Age","field":"age","width":50},
        {"header":"Gender","field":"gender","width":50}
     ]'>
</div>

在这个例子中，我们将 Grid 组件的列信息通过 data-columns 属性设置为一个 JSON 字符串，其中包含了每一列的标题、字段名和宽度等信息。通过这种方式，我们可以在 HTML 中静态设置组件的属性，也可以在 JavaScript 中动态设置组件的属性。