南京排名推广(南京产品推广)
51
2022-11-16
本文目录一览:
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery
EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式
有深入的了解,开发者需要了解的只有一些简单的html标签。
因为form 返回来自后台的数据表或自定义数据,你需要在success:callback中实现转换为客户能浏览的格式,希望对你有用
谢谢!
下载的Jquery EasyUi中包含有jQuery的js库。你引入时只引入自己单独下载Jquery.1.*.*便可以了,不用引入Jquery EasyUI中的原生jQuery了,还有一个要注意,就是jQuery.1.*.*原生文件必须在JqueryEasyUI.min.js之前引入。
var width = $(window).width()-80;
var height = $(window).height()-120;
stView_layout = $('#stView_layout').layout({
width: width,
height: height
});
station_view = $('#stationView').window({
title: '测站导航',
left:50,
top:80,
width: width,
modal: false,
shadow: false,
closed: true,
height: height,
onResize:function(w,h){
if(stView_treegrid){
stView_treegrid.treegrid({
width:w-20,
height:h-260
});
}
}
});
var width = $(window).width()-80;
var height = $(window).height()-120;
stView_layout = $('#stView_layout').layout({
width: width,
height: height
});
station_view = $('#stationView').window({
title: '测站导航',
left:50,
top:80,
width: width,
modal: false,
shadow: false,
closed: true,
height: height,
onResize:function(w,h){
if(stView_treegrid){
stView_treegrid.treegrid({
width:w-20,
height:h-260
});
}
}
});
要看你用easyui的哪个组件了,一般官网上都有,我拿一个很简单的例子来说:
使用datagrid
table class="easyui-datagrid" style="width:400px;height:250px"
data-options="url:'datagrid_data.json',fitColumns:true,singleSelect:true"
……
/table
这里的data-options里有url的参数,可以换为后台url地址,而后台只要返回一个符合要求的json格式的数据过来就可以了。这里的json格式可以看看官网里的要求格式。
还有一种方法是使用js来加载数据:
页面代码比较简单:table id="dg"/table
js代码这么写:
$('#dg').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]]
});
在url里写好后台url的路径就可以了,后台同样是返回一个json给页面。
再者,你想要提交数据给后台?
那么我就说一般情况,就是使用按钮点击提交
可以用form表单提交, action指定后台确定的url,
要么你可以在js中,取得想要传递给后台的数据,写一个$.post或者$.ajax等方法去将数据传递给后台去处理。
这是ajax请求后台的模板:
$.ajax({
type: 'post',
url: 'url', // this is the url for backend java program
data: {'data_post': data_post}, // the data you want to post to backend.
success: function(result){
alert('success');
}
})
easyui网站模板的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于easyui框架模板下载、easyui网站模板的信息别忘了在云尚网络www.ysfad.net进行查找喔。
发表评论
暂时没有评论,来抢沙发吧~