EASYUI

5188 ワード

学習ノート

easyUI学習ノート

easyUI学習必須easyUIコンポーネントとeasyUI API公式サイトまたはcsdnダウンロード

esayuiコンポーネントのインポート順序は変更できません.プラグインの使用は前のプラグインに依存しているため、

の効果が得られません.

Jquery Easy UIを使用してインポートするjs順序

<1>.JqueryのJsファイルを参照

<2>.Easy UIをするJsファイル

<3>.Easy UIのトピックCssファイルのインポート

<4>.Easy UIのアイコンCssファイルのインポート

<5>.Easy UIをするファイルはのようにをさせる

<6>.ページにUTF-8のをえるjqueryをする.easyui.min.jsコンテンツけし

1 layoutレイアウト

フルページレイアウト

2 Menuメニュー

   
    New   
       
        Open   
           
            Word   
            Excel   
            PowerPoint   
           
       
    Save   
       
    Exit

3 tabsタブ

4 jspページとバックグラウンドのインタラクティブなコアコード

public class MenuDao extends JsonBaseDao{
	/**
	 *              
	 *       json  ，    esayui     json  
	 * @param paramap
	 * @param pageBean
	 * @return
	 * @throws SQLException 
	 * @throws IllegalAccessException 
	 * @throws InstantiationException 
	 */
	public List> menuList(Map prameMap,PageBean pageBean) throws InstantiationException, IllegalAccessException, SQLException{
		String Menuid = JsonUtils.getParmeMap(prameMap, "Menuid");
		String sql ="select * from t_easyui_menu where 1=1";
		if(StringUtils.isNotBlank(Menuid)) {
			sql +=" and parentid = "+Menuid;
		}else {
			sql +=" and parentid = -1";
		}
		return super.executeQuery(sql, pageBean);
		}
	
		
			/**                                 
	/
	public void mapToTreeNode(Map map, TreeNode treeNode) throws InstantiationException, IllegalAccessException, SQLException {
		treeNode.setId(map.get("Menuid").toString());
		treeNode.setText(map.get("Menuname").toString());
		treeNode.setAttributes(map);
		/*
		 *      id   id
		 */
		Map prameMap = new HashMap<>();
		prameMap.put("Menuid", new String[] {treeNode.getId()});
		List> menuList = this.menuList(prameMap, null);
		List treeNodeList = new ArrayList<>();
		mapListToTreeNodeList(menuList, treeNodeList);
		treeNode.setChildren(treeNodeList);
		
	}
	

	
	public void mapListToTreeNodeList(List> list,List treeNodeList ) throws InstantiationException, IllegalAccessException, SQLException {
		 TreeNode treeNode = null;
		 for (Map map : list) {
			 treeNode = new TreeNode();
			 mapToTreeNode(map, treeNode);
			 treeNodeList.add(treeNode);
		}
	}
	
	/**
	 *        ，  easyUi   
	 * @param prameMap
	 * @param pageBean
	 * @return
	 * @throws InstantiationException
	 * @throws IllegalAccessException
	 * @throws SQLException
	 */
	public List menuTreeList(Map prameMap,PageBean pageBean) throws InstantiationException, IllegalAccessException, SQLException{
		List> menuList = this.menuList(prameMap, null);
		List treeNodeList = new ArrayList<>();
		mapListToTreeNodeList(menuList, treeNodeList);
		return treeNodeList;
		
	}

asp.Netでリモートページを取得するコンテンツの1つ(downmoonオリジナル)

ADF Skin切替--css経路を置き換えて肌切替を実現