easyui项目源码
1. 项目前端主要基于JQUERY EASYUI的界面美化
easyui是一个框架,一般来说比较适合做后端,实在不明白你这个项目居然用它做了前端,而且还要美化,easyui本身是插件集合而且外观统一的,你本身前端使用了这个还怎么用这个美化,搞不懂。
如果你觉得easyui外观不喜欢,可以使用 bootstrap来重新构建页面,效果肯定会好很多。
2. 请问市场上大多数开源前台框架bootstrap、easyUI、 ligerUI等,这些框架有哪些共同点啊
bootstrap是全能的,重量级的,提供的功能比后两者丰富的多,也复杂的多。第三个我第一次听说。
第二个easyui是轻量级的,比jquery ui多了内置的与后台交互的部分,jquery ui更偏向于纯粹的前端处理。easyui我用过,挺好用的,CMS系统需要的都能提供。
第三个没听过,第一次听说。
1 这种前端UI是封装了很多的东西,让你以很简单的调用就能实现较为复杂的UI效果。
你可以自己处理事件,最简单的就是tree,你点击时获得URL,在右侧打开URL的内容。
两种做法,一种是调用UI的单机事件,得到控件传递过来的conent,包括了URL等信息,你很容易就能做一些自己想要做的事。
另一种是用.class的选择器,写一溜,获取到html中的内容,跟控件没有任何关系。复杂。但是很多人都这么用,因为第一种用法需要一定的学习时间,哪怕只是两个小时。
再比如控件提供的button,你可以通过button的属性,定义单机事件,你也可以自己加一个ID,自己用jquery绑定单机事件,或者html中加onclick。三种都可以。但是第一种是与控件交互式的,单击时会提供一些特定的参数,帮助你做一些事情。
2 不是,你也可以自己加一些css样式,自己打上class,自己控制某些东西。用于实现某些特定的效果。
只是你既然用了这种东西,就代表了前端实力较弱,否则不会用这种东西的。那么对于CSS的处理也不够强。
你用别人的东西,也就意味着如果要自己修改,则会比较困难,无法做到随心所欲,你要看别人的源码。
他们都不是开源的。。
3. Jquery EasyUI 表格功能的实现(js和php)
用firefox的firebug插件看看有没有访问到后台,如果访问了,看返回的内容是什么;如果没有访问后台,那就是页面上代码有问题了。
4. jquery easyui 为什么 $("#div_id").dialog(); 就能创建一个弹层 内部是怎么实现的
这个是函数的定义的问题,你的这个问题,就好比你在问 为什么 alert,就是弹出信息框呢?
jquery,js,不是我开发的,我无法解释。
5. Easyui在Datagrid里面显示HTML源代码
有个显示元数据的HTML标签:忘了名字。
6. 求《jQueryEasyUI开发指南》全文免费下载百度网盘资源,谢谢~
《jQueryEasyUI开发指南》网络网盘pdf最新全集下载:
链接:https://pan..com/s/1G6FsUFOVYVoxroMDV5sGXw
简介:《jQuery EasyUI开发指南》通俗易懂,通过讲述管理系统的完整开发过程,把jQuery EasyUI的各种插件,无缝融合到项目当中,让读者从基础开始,逐步过渡到深入理解的层面。
7. 求jquery easyui中使用的遮罩层(高亮层)代码,越简单越好!(要测试成功的!)
easyui 的 dialog 是继承自 window的,而 window中有modal这样的属性(见参考资料),就是用于打开模态的窗口的,也就是你说的有遮罩层的窗口。所以不需要额外的代码,仅需在dialog中设置这样的属性就可以了。我想这也是兼容性最好的解决方案。
如下:
<div id="dd" title="My Dialog" style="width:400px;height:200px;">
Dialog Content.
</div>
$('#dd').dialog({
modal:true
});
8. 求一个asp.net+EasyUI的项目,功能为datagrid动态加载列名和数据
提供一个思路
varcolumns={};
这里根据你的表名加载不同的列名添加到columns中
$("#id").datagrid({
columns:[[colum你s]]
});
你也可以根据你的返回的json数据处理一下,看返回数据中有哪些需要显示在页面上的动态添加到columns中
functionanyncColumns(){
vartemplateData="通过ajax返回不同的数据和列名重新绑定数据";
varcolfield="id|编号,name|名称,sortindex|序号";
varcols=[];
varcfs=colfield.split(',');
$(cfs).each(function(index){
vars=cfs[index].split('|');
varcol={field:s[0],title:s[1]};
cols.push(col);
});
$("#tt").datagrid({
striped:true,
singleSelect:true,
loadMsg:"请稍后...",
columns:[cols]
});
$("#tt")..datagrid("loadData",templateData);
9. 用javascript 创建easyui datagrid 后台代码怎么写
后台返回 datagrid_data.json ;
给个spring mvc 的例子供参考:
package zjgs.eai.controller;
import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import zjgs.comm.PageForDataGrid;
import zjgs.eai.command.QuerySpErrorCommand;
import zjgs.eai.service.EaiService;
import javax.servlet.http.HttpServletRequest;
@Controller
public class QuerySpErrorController {
protected final Log logger = LogFactory.getLog(getClass());
@Autowired
private EaiService eaiService;
public EaiService getEaiService() {
return eaiService;
}
//初始化 JSP 页面
@RequestMapping(value = "/eai/querySpError.htm", method = RequestMethod.GET)
public String initPage(HttpServletRequest request) {
request.setAttribute("querySpErrorCommand", new QuerySpErrorCommand());
return "eai/querySpError";
}
//查询---返回对应的信息
@RequestMapping(value = "/eai/querySpSpxxByNsrsbh.json", method = RequestMethod.POST)
public String getDataSetSpxx(@ModelAttribute("pojo") QuerySpErrorCommand querySpErrorCommand, ModelMap modelMap) {
PageForDataGrid pageForDataGrid = new PageForDataGrid(
this.getEaiService().getSpxxByXtsphm(querySpErrorCommand.getXtsphm()),
1,
100,
modelMap
);
pageForDataGrid.setDataGrid();
return "querySpSpxxByXtsphm.json";
}
//查询---返回数据逻辑错误的日志信息
@RequestMapping(value = "/eai/querySpError.json", method = RequestMethod.POST)
public String getDataSetErrorLog(@ModelAttribute("pojo") QuerySpErrorCommand querySpErrorCommand, ModelMap modelMap) {
PageForDataGrid pageForDataGrid = new PageForDataGrid(
this.getEaiService().getErrorLogByXtsphm(querySpErrorCommand.getXtsphm()),
1,
100,
modelMap
);
pageForDataGrid.setDataGrid();
return "querySpError.json";
}
}
10. jquery easyui Buttons ,怎么悬浮有提示,title 不管用,是不是要改源码,怎么改啊,大神
你好,jquery easy ui 中悬浮提示是这样加的
<ahref="#"title="Thisisthetooltipmessage."class="easyui-tooltip">Hoverme</a>
需要用到easyui-tooltip 这个class,如果没有效果请引入jquery.tooltip.js
西裤可以解决你的问题