jquery easyui 需要学精么
jquery easyui 是一个基于jquery框架的插件,而jquery是javascript的一个库,它们三者的关系有点类似于祖父孙的关系……
总所周知,javascript是轻量级的脚本,可以完成许许多多的动态效果,但是javascript封装的函数的功能往往不足于开发者使用!于是一批人开始整理和归纳javascript的使用方法,其中jquery就是其中的一个(这里说其中一个!是因为还有别的类库,如EXT)
jquery以其强大的选择器而深受web开发者喜爱,流行的程度也是位居首位的。而jquery也是有不足的,就是其关于效果的处理十分缺少,仅有拉伸和淡入淡出,甚至连基本的左右移动也没有封装。
为了方便UI设计,jquery easyui应运而生,主要偏向于UI界面设计美化的,鉴于楼主的情况,与其学精jquery easyui,还不如学精jquery,如果jquery学好了,jquery easyui你看一下API就会用的啦!
况且jquery easyui的教材远远不如jquery的教材多啦!
所以建议楼主学精jquery就行了!
怎么在easyui的官网进行学习
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的DEMO为什么读不到JSON文件?
你把url属性删了,将datagrid_data2.json 的内容写进页面,给datagrid 添加data属性,var data = {"total":28,"rows":[{"productid":"FI-SW-01","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},{"productid":"K9-DL-01","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},{"productid":"RP-SN-01","unitcost":12.00,"status":"P","listprice":28.50,"attr1":"Venomless","itemid":"EST-11"},{"productid":"RP-SN-01","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},{"productid":"RP-LI-02","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},{"productid":"FL-DSH-01","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},{"productid":"FL-DSH-01","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},{"productid":"FL-DLH-02","unitcost":12.00,"status":"P","listprice":63.50,"attr1":"Adult Female","itemid":"EST-16"},{"productid":"FL-DLH-02","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},{"productid":"AV-CB-01","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}]} data-options="singleSelect:true,collapsible:true,data:data,method:'get'">
jquery-easyui 哪个 版本
Hi,bootstrap是基于css的框架,没有什么功能性的东西,但是外观好看。jQueryEasyUI是基于jQuery的,有很多开发好的组件和配套的功能(ajax..etc..)。但是EasyUI有很多已知的bug,还是比较恶心的,文档也不全。我推荐你使用KendoUI, 他有一版是免费的,你可以去gitHub上找一下。用他做后台是最好的。如果真的想用bootstrap,你可以考虑使用bootstrap + angularJS
jquery easyui 1.5要配多少版本的jquery
实际开发中看你用到什么功能了,一般来说越新的版本功能越强大,但是会抛弃一些之前版本不常用的一些方法(很少的,可以忽略)。所以建议用新的,但是到了1.10之后好像要选择包来使用了,就是可以选择自己需要的功能,而抛弃你开发项目中不需要用的功能。这主要是为了减小JQ库的体积,提高网页速度。我建议用1.9或者1.8都可以,其实从1.5之后的差不多都可以~这个没有什么特别的要求~
求JQuery EASYUI 和C# WEB开发教程
我公司也在用JQuery EASYUI+asp.netMVC开发ERP系统它的数据格式都是json格式,是一种轻量级的数据交换语言!而且他的控件都是基于JQuery的jar包我这里有一个简单的整合的文档教程,至于怎么取开发,我建议你去多了解一下什么是json和ajax!因为数据展示与提交,会需要到,其他的你可以上EASYUI官网,上面教你怎么使用控件,很简单的!希望对你有帮助
你好,你在知道上发布的问题jquery EasyUi datagrid 折叠解决了吗
这个问题很简单的,需要用一个扩展的js。代码如下:
<table id="germGrid" idfield="xh" class="easyui-datagrid" fit="true" pagination="true"
rowStyler="funRowColr" border="false" singleSelect="true">
名词
js就是这样的:
$('#germGrid').datagrid({
url:"Controller.aspx?controller=YuJinController&method=GetPatGer",
view: detailview,
detailFormatter:function(index,row){
return '';
},
onExpandRow: function(index,row){
$('#ddv-'+index).datagrid({
url:"Controller.aspx?controller=YuJinController&method=GetMFAnti&zyid="+zyid+"&send_no="+row.ym_no+"",
singleSelect:true,
rownumbers:true,
loadMsg:'正在加载中……',
height:'auto',
columns:[[
{title:'子名词',field:'Anti_name',width:130}
]],
onResize:function(){
$('#germGrid').datagrid('fixDetailRowHeight',index);
},
onLoadSuccess:function(){
setTimeout(function(){
$('#germGrid').datagrid('fixDetailRowHeight',index);
},0);
}
});
$('#germGrid').datagrid('fixDetailRowHeight',index);
}
});
扩展脚本叫做datagrid-detailview.js
,网上可以下载到,直接引用到页面就好,这个是easyui里面grid的一个扩展脚本。
如何用jquery-easyui中的datagrid显示数据
$(function(){
$('#list_data').datagrid({
title:'应用系统列表',
iconCls:'icon-edit',//图标
width: 'auto',
height: 'auto',
nowrap: false,
striped: true,
border: true,
collapsible:false,//是否可折叠的
//fit: true,//自动大小
loadMsg: '加载中,请稍等',
//data:jsondata,
url:'login.do',
//sortName: 'code',
//sortOrder: 'desc',
remoteSort:false,
idField:'CARDID',
singleSelect:false,//是否单选
pagination:true,//分页控件
rownumbers:true,//行号
fitColumns:true,
frozenColumns:[[
{field:'ck',checkbox:true}
]],
columns:[[{
title:'区局ID',
field:'CARDID',
align:'center',
width:100
},{
title:'区局',
field:'CARDINFO',
align:'center',
width:100
},{
title:'网站',
field:'CARDPHONE',
align:'center',
width:100
}
]],
toolbar: [{
text: '添加',
iconCls: 'icon-add',
handler: function() {
openDialog("add_dialog","add");
}
}, '-', {
text: '修改',
iconCls: 'icon-edit',
handler: function() {
openDialog("add_dialog","edit");
}
}, '-',{
text: '删除',
iconCls: 'icon-remove',
handler: func
引用easyui的js和css文件后之后还能引用自己写的css文件吗
当然可以再引入自己写的css。但如果把之前的样式搞乱了,说明你写的样式,跟之前easyui的样式冲突了,因此你检查一下自己写的css。而且,为了避免冲突,你最好在你的css选择器中,限定好范围。比如你有一个页面区域div,id是custom-widget。那么你的样式前面都加上这个前缀,也是比较好的办法。比如:#custom-widget p{ display: block; width: 25px; height: 25px;}#custom-widget .foo{ float:left;}
jquery easyui在我的jsp页面中使用,需要引入那些css和js文件.以及引用的路径怎么写要啊
jquery easyui在我的jsp页面中使用,需要引入那些c及引用的路径:<%@ page language="java" contentType="text/html; charset=UTF-8"; pageEncoding="UTF-8"%>; ; ; ; ; ; ; ; ; ; 测试 JQuery ;; ; show it. ; ; ; $(function(){ ; alert("OK,JQuery is run.");}); ; . jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但页面也是相当好看的,同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。