如何利用jquery easyui设置对话框

利用jquery easyui设置对话框的方法：

1、创建对话框：

<div id="dd" class="easyui-dialog" title="My Dialog" style="width:400pxheight:200px"

     data-options="iconCls:'icon-save',resizable:true,modal:true">

 Dialog Content.

</div>

2、运行效果：

3、支持设置属性如下：

1、在HBuilder软件中创建web项目，并在web项目指定的目录下创建静态页面select.html。

2、引入EasyUI插件核心css和js文件，并引入jQuery核心js文件。

3、下面开始编写ComboBox容器，该控件利用的是select标签元素构成的，设置ComboBox样式，如下图所示。

4、编辑js代码，获取ComboBox选中的值和文本，利用getValue和getText方法分别获取值和文本。

JQuery easyUi dataGrid工具栏添加搜索输入框的方法：

1、使用tab，在每个tab上面都有一个datagrid，这样easyui给所有datagrid的toolbar生成的dom的class，所以用prependTo()会给所有的toolbar都加上要生成的dom。通过style来指定要prepend的toolbar，代码如下：

//tab初始化完毕之后

$("<table><tr><td style='padding:0 8px'><label>标题:</label></td><td><input id='sTitle' name='sTitle'></td></tr></table>").prependTo("#tabs .panel[style='display: block'] .datagrid-toolbar")

$('#sTitle').searchbox({

width : 180,

searcher : doSearch,

prompt : '请输入标题'

})

function doSearch() {

$("#grid").datagrid("load", {

"sTitle" : $("#sTitle").val()

})

}

---