相关软件 109KB/中文/ 4.6M/中文/ 98KB/中文/ 105KB/中文/ 110KB/英文/ 489KB/中文/ 2.1M/中文/ 970KB/中文/ 1.2M/中文/ 737KB/中文/顶好评:50%踩坏评:50请简要描述您遇到的错误，我们将尽快予以修正。轮坛转帖HTML方式轮坛转帖UBB方式
EasyUI又更新了，这次更新的内容还是蛮多的，新特性也有，Bug修复也有，总体来说越来越完善了！文档EasyUI每个组件的属性，方法和事件。用户可以很容易地扩展他们。属性所有的属性都定义在jQuery.fn.{plugin}.defaults里面。例如，对话框属性定义在jQuery.fn.dialog.defaults里面。事件所有的事件（回调函数）也都定义在jQuery.fn.{plugin}.defaults里面。方法调用方法的语法：$('selector').plugin('method', parameter);解释：selector&是jQery对象选择器。plugin 是插件的名称。method 是相应插件现有的方法。parameter &是参数对象，可以是一个对象、字符串等。所有方法都定义在jQuery.fn.{plugin}.methods。每个方法都有2个参数：jq和param。第一个参数'jq'是必须的，这是指的jQuery对象。第二个参数'param'是指传入方法的实际参数。例如，为dialog组件扩展一个方法名为'mymove'，代码如下：$.extend($.fn.dialog.methods,&{ &&&&&&mymove:&function(jq,&newposition){ &&&&&&&&&&return&jq.each(function(){ &&&&&&&&&&&&&&$(this).dialog('move',&newposition); &&&&&&&&&&}); &&&&&&} &&});&&&$.extend($.fn.dialog.methods, { & & mymove: function(jq, newposition){ & & & & return jq.each(function(){ & & & & & & $(this).dialog('move', newposition); & & & & }); & & } });&现在你可以调用'mymove'方法将对话框移动到指定位置：$('#dd').dialog('mymove',&{ &&&&&&left:&200, &&&&&&top:&100 &&});&&&$('#dd').dialog('mymove', { & & left: 200, & & top: 100 });&jQuery EasyUI 入门指南下载程序库并导入EasyUI的CSS和Javascript文件到您的页面。&link&rel=&stylesheet&&type=&text/css&&href=&easyui/themes/default/easyui.css&&&&&link&rel=&stylesheet&&type=&text/css&&href=&easyui/themes/icon.css&&&&&script&type=&text/javascript&&src=&easyui/jquery-1.7.2.min.js&&&/script&&&&script&type=&text/javascript&&src=&easyui/jquery.easyui.min.js&&&/script&&&&link rel=&stylesheet& type=&text/css& href=&easyui/themes/default/easyui.css&& &link rel=&stylesheet& type=&text/css& href=&easyui/themes/icon.css&& &script type=&text/javascript& src=&easyui/jquery-1.7.2.min.js&&&/script& &script type=&text/javascript& src=&easyui/jquery.easyui.min.js&&&/script&一旦你导入了EasyUI必须的文件，你就可以通过标记或Javascript定义一个EasyUI组件。例如：定义一个带可折叠功能的面板，你需要写的HTML代码如下：&div&id=&p&&class=&easyui-panel&&style=&width:500height:200padding:10&&&&&&&&&&&title=&My&Panel&&iconCls=&icon-save&&collaible=&true&&&&&&&&The&panel&content &&&/div&&&&div id=&p& style=&width:500height:200padding:10& title=&My Panel& iconCls=&icon-save& collapsible=&true&& The panel content &/div&当通过标记创建一个组件的时候从1.3版开始'data-options'属性可以用来支持HTML5兼容属性名称。所以你可以改写上面的代码为：&div&id=&p&&class=&easyui-panel&&style=&width:500height:200padding:10&&&&&&&&&&&title=&My&Panel&&data-options=&iconCls:'icon-save',collapsible:true&&&&&&&&The&panel&content &&&/div&&&&div id=&p& style=&width:500height:200padding:10& title=&My Panel& data-options=&iconCls:'icon-save',collapsible:true&& The panel content &/div&下面的代码演示了如何创建一个组合框，并绑定onSelect事件。&&input&class=&easyui-combobox&&name=&language&&&&&&&&&&&data-options=& &&&&&&&&&&&&&&url:'combobox_data.json', &&&&&&&&&&&&&&valueField:'id', &&&&&&&&&&&&&&textField:'text', &&&&&&&&&&&&&&panelHeight:'auto', &&&&&&&&&&&&&&onSelect:function(record){ &&&&&&&&&&&&&&&&&&alert(record.text) &&&&&&&&&&&&&&}&&/& &
jQuery EasyUI v1.3.6官方API中文版
下载帮助西西破解版软件均来自互联网, 如有侵犯您的版权, 请与我们联系。jqueryEasyui常用代码 - 每天进步一点点！ - ITeye技术网站
博客分类：
function doSearch(form){
var fields =$('#queryForm').serializeArray();
var $fm = $(form);
var params = $fm.datagrid('options').queryP
$.each( fields, function(i, field){
params[field.name] = field.
$fm.datagrid('reload');
//查看[弹窗版]：
formatter : function(value, rowData, rowIndex) {
return "&a href='javascript:void(0)' onclick='relation_ref_query_onView("+rowIndex+")' &" + value + "&/a&";
function relation_ref_query_onView(index) {
var d = $query_datagrid.datagrid("getData").rows[index];
var p = ysaxui.dialog({
title : '查看关系规格',
href : viewRelationUrl,
width : 765,
height : 375,
buttons : [
text : '关闭',
iconCls : 'ope-close',
handler : function() {
p.dialog('close');
onLoad : function() {
var f = p.find('form')
f.form('load', d);
* 公用规格选择弹窗
* @param targetCompId 规格ID存储文本框的ID
* @param targetCompText
规格名称存储文本框的ID
* @param specType 规格选择类型
e:实体规格,r:关系规格（两类弹窗数据）
* @param level 显示层级级别
{0:无限制,显示所有
1:只显示大类规格
2:只显示细类规格
3:只显示规格
4:只显示大类和细类}
* @param repTypeId 关系类型
function open_parent_specWindow(targetCompId,targetCompText,specType,level,rp,repTypeId) {
var hrefUrl = '/mds/oss/content/input/win/openWin_parent_spec_single.html';
//不同弹窗页面
hrefUrl = '/mds/oss/content/input/win/openWin_parent_relation_spec_single.html';
var openUrl = "";
if(specType=='e'){
openUrl = entityListU
}else if(specType=='r'){
openUrl = relationListU
alert('参数设置有误! pub_mds.js');
if(!level){
level = "0";
var $datagrid =
var p = yasxui.dialog({
title : '选择规格',
iconCls : 'pag-add',
href : hrefUrl,
width : 600,
height : 350,
buttons : [ {
text : '确定',
iconCls : 'ope-save',
handler : function() {
var selected = $datagrid.datagrid('getSelected');
if (selected == null) {
$.messager.alert('系统提示', '请选择对象');
$("#"+targetCompText).val((selected["code"]+"/"+selected["name"]));
$("#"+targetCompId).val((selected["oid"]));
p.dialog('close');
text : '取消',
iconCls : 'ope-close',
handler : function() {
p.dialog('close');
onLoad : function() {
//弹窗页面列表数据
$datagrid = $('#domain_ref_single_chooser_grid');
$datagrid.datagrid({
url : openUrl,
queryParams:{
'level' : level,
'relationTypeId':repTypeId
fit : true,
singleSelect : true,
pagination : true,
pagePosition : 'bottom',
pageSize : 10,
pageList : [10, 20, 30, 50, 100],
fitColumns : true,
nowrap : true,
border : false,
idField : 'id',
frozenColumns : [ [ {
field : 'id',
title : '选择',
width : 40,
sortable : false,
formatter : function(value, rowData) {
return '&input type="radio" name="domain_ref_single_chooser_grid_radio" value="' + value + '"&';
columns : [ [ {
title : '编号',
field : 'code',
width : 205
title : '名称',
field : 'name',
width : 350,
sortable : true
onClickRow:function() {
var selected = $datagrid.datagrid('getSelected');
if (selected){
var index=$datagrid.datagrid('getRowIndex', selected);
$('input:radio[name="domain_ref_single_chooser_grid_radio"]').get(index).checked =
$("#spec_levelId").attr("value","level");
//弹窗查询
$("#refChooseButton").click(function(){
$('#domain_ref_single_chooser_grid').datagrid('load', yxui.serializeObject($("#specWinForm").form()));
switch(level){
specVal = 1060 ;
specVal = 1061;
specVal = 1062;
//进入时默认选中
if(specVal){
p.find("#specLevelId").combobox('select', specVal) ;
//弹窗页面openWin_parent_spec_single.html：
&meta http-equiv="Content-Type" content="text/ charset=utf-8"&
&div class="easyui-layout" data-options="fit:true" style="padding:1overflow:"&
&!-- north --&
&div data-options="region:'north',border:false" style="height:40"&
&form class="yxForm" id="specWinForm"&
&input type="hidden" name="level" id="spec_levelId"&
&table class="tableForm_L" style="margin-top:3px" width="99%" border="0" cellpadding="0" cellspacing="1"&
&th width="10%"&编号/名称&/th&
&td width="40%"&&input name="param" /&&/td&
&th width="10%"&规格层级&/th&
&td width="40%"&&input name="specLevelId" id="specLevelId" class="easyui-combobox" data-options="panelHeight:'auto',editable:false,readonly:true,valueField:'value',textField:'label',data: levelJson" /&&&&a href="#" id="refChooseButton" class="easyui-linkbutton" data-options="iconCls:'ope-search'" style="height:21"
&查询 &/a&&/td&
&!-- center --&
&div data-options="region:'center',border:false"&
&div id="domain_ref_single_chooser_grid"&&/div&
浏览: 1493246 次
来自: 一片神奇的土地
感觉着两个原因都说的比较牵强， 第一处的await 方法中取出 ...
紫风GG 写道/神经病 ...
“显然，Survivor只是增加了对象在年轻代中的逗留时间，增 ...
[b][i][i][u]引用[list]
[*][img][u ...JQuery EasyUI 对话框的使用方法
字体：[ ] 类型：转载 时间：
jQuery EasyUI 对话框(Dialog)用法与EasyUI的窗口用法极为相似，最终的效果图也只与窗口的效果图差几个按钮
下面看一下EasyUI的对话框效果图 js代码：
代码如下: &script language="javascript" type="text/javascript"& function Open_Dialog() { $('#mydialog').show(); $('#mydialog').dialog({ collapsible: true, minimizable: true, maximizable: true, toolbar: [{ text: '添加', iconCls: 'icon-add', handler: function() { alert('添加数据') } },{ text: '保存', iconCls: 'icon-save', handler: function() { alert('保存数据') } }], buttons: [{ text: '提交', iconCls: 'icon-ok', handler: function() { alert('提交数据'); } }, { text: '取消', handler: function() { $('#mydialog').dialog('取消'); } }] }); } &/script&
代码如下: &span onclick="Open_Dialog()"&弹框&/span& &div id="mydialog" style="display:padding:5width:400height:200" title="弹框练习"& &input id="txRoleID" type="hidden" runat="server" value="0" /& &label class="lbInfo"&角色名称：&/label& &input id="txRolename" type="text" class="easyui-validatebox" required="true" runat="server" /&&br /& &label class="lbInfo"& &/label&&input type="submit" onserverclick="saveRole" value="保存" runat="server" /& &label id="lbmsg" runat="server"&&/label& &/div&
下面来介绍Window的具体用法，首先来看属性大多数的属性和窗口(Window)的属性是相同的，下面列出一些 Dialog私有的属性：
对话框的标题文本
New Dialog
collapsible
定义是否显示可折叠按钮
minimizable
定义是否显示最小化按钮
maximizable
定义是否显示最大化按钮
定义对话框是否可编辑大小
对话框上的工具条，每个工具条包括: text, iconCls, disabled, handler etc.
对话框底部的按钮，每个按钮包括: text, iconCls, handler etc.
null事件 Dialog的事件和窗口(Window)的事件相同。 方法 除了”header”和”body”以外，Dialog的函数方法和窗口(Window)的相同
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具给 jquery easyui numberbox 代码中赋值准确方式
&来源：读书人网&【读书人网()：综合教育门户网站】
给 jquery easyui numberbox 代码中赋值正确方式给 jquery easyui numberbox 代码中赋值正确方式$(#balan
给 jquery easyui numberbox 代码中赋值正确方式
给 jquery easyui numberbox 代码中赋值正确方式$("#balance").numberbox('setValue', data[0].amt);如果不这样赋值，你去点这个numberbox 会自动变为0}