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
西褲可以解決你的問題