jqueryeasyui入门（jquery easyui combobox 添加添加选择项）
本文目录
- jquery easyui combobox 添加添加选择项
- jquery easyui 中dialog怎么关闭对话框
- jquery easyui怎么实现前后台数据的交互
- jquery easyui需要引入什么文件
jquery easyui combobox 添加添加选择项
1、在HBuilder软件中创建web项目，并在web项目指定的目录下创建静态页面select.html。
2、引入EasyUI插件核心css和js文件，并引入jQuery核心js文件。
3、下面开始编写ComboBox容器，该控件利用的是select标签元素构成的，设置ComboBox样式，如下图所示。
4、js代码，获取ComboBox选中的值和文本，利用getValue和getText方法分别获取值和文本。
jquery easyui 中dialog怎么关闭对话框
1、首先下载EasyUI的组件包，然后导入到开发工具中并且在HTML页面导入jquery脚本。
2、接下来需要导入的easyui的脚本文件，如下图所示，一定先导入jquery后导入easyui。
3、然后需要导入的是easyui的样式文件，如下图所示，样式文件只需要easyui.css即可。
4、接下来还需要导入的是语言文件，不导入的话可能会导致一些组件是英文。
5、接下来在body中定义一个div，然后给它一个easyui-dialog的样式。
6、然后运行页面，就会在页面中看到一个dialog的弹出窗口了，就可以关闭对话框了。
jquery easyui怎么实现前后台数据的交互
easyUI基本都是通过ajax发送地址到后台进行数据的交互的
比如使用datagrid列表，做法如下：
《div id="dg"》《/div》
jq：
$("#grid").datagrid({ //datagrid插件的用法
url: "/Log/GetLogData", //发送地址进行数据获取
title: "日志列表",
iconCls: "icon-view",
width: 1000,
queryParams: queryData,
pagination: true,
pageSize: 15,
pageList: ,
rownumbers: true,
columns: [[
{
field: ’ck’,
checkbox:true,
}, {
title: ’日志内容’,
field: ’logContent’, //这里字段必须和返回的sql数据名一致
width: 300
}, {
title: ’日志添加时间’,
field: ’logTime’,
width:150
}, {
title: ’IP’,
field: ’IP’,
width:100
}
]]
});
}
后端：
public ActionResult GetLogData(){
return Json(xxx); //注意datagrid返回的是json格式的。
}
jquery easyui需要引入什么文件
jquery easyui需要引入的文件有如下4个：
《!-- jquery核心库 --》
《script type="text/javascript" src="easyui/jquery.min.js"》《/script》
《!-- easyui核心库 --》
《script type="text/javascript" src="easyui/jquery.easyui.min.js"》《/script》
《!-- easyui核心UI文件 css --》
《link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css"/》
《!-- easyui图标 --》
《link href="easyui/themes/icon.css" rel="stylesheet" type="text/css"/》
jquery核心库一定要放在easyui核心库前面引入，不然jquery.easyui.min.js中会报错：jQuery is not defined。
有的时候，我们需要进行国际化，比如一些提醒、日历等，就需要引入easyui的国际化文件，代码如下：
《!-- easyui国际化文件 --》
《script type="text/javascript" src="../resource/js/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"》《/script》
更多文章：
2026年10月15日 07:50
2026年10月15日 06:30
2026年10月15日 06:00
avantage怎么设置为中文（Avantage安装丢失GIT）
2026年10月15日 03:00
2026年10月15日 02:40
2026年10月15日 02:10
activex控件未注册怎么办（登陆视频监控网页时提示activex控件未注册，怎么解决）
2026年10月14日 20:30
2026年10月14日 20:20
excel连接sql数据库教程（excel怎么连接sql数据库）
2026年10月14日 19:40
2026年10月14日 19:00
