JQuery插件FlexiGrid之完全配置与使用.docVIP

首先.去下载FlexGrid?/?下载完成后.解压开有__MACOSX和flexigrid两个文件夹?主要使用flexigrid里面的文件?flexgrid文件夹下文件如下??..?准备工作完成后?真正工作开始了?在MyEclipse下新建Web project..?把flexigrid包下所有的文件拷贝到WebRoot/下?新建*.jsp页面?body体中?加入? Jsp代码? table?id=flex1?style=display:none/table?? 做完flexigrid控件的显示容器. 没有则不会显示控件?页面引入控件代码? Javascript代码? table?id=flex1?style=display:none/table?? ????????????input?id=hidden?type=hidden?name=hidden?value=null?/?? ????????????script?? ????????????$(#flex1).flexigrid?? ????????????(?? ????????????{?? ????????????url:?../ReleaseInfoServlet?hidden=manage,?? ????????????dataType:?json,?? ????????????colModel?:?[?? ????????????????{display:?信息编号,?name?:?RINO,?width?:?50,?sortable?:?true,?align:?center,hide:?false},?? ????????????????{display:?信息标题,?name?:?RITITLE,?width?:?250,?sortable?:?true,?align:?center},?? ????????????????{display:?信息类别,?name?:?IC.ICNAME,?width?:?100,?sortable?:?true,?align:?center},?? ????????????????{display:?信息热点,?name?:?RIHOTPOINT,?width?:?60,?sortable?:?true,?align:?center},?? ????????????!--{display:?信息内容,?name?:?RICONTENT,?width?:?100,?sortable?:?true,?align:?center},--?? ????????????????{display:?发布日期,?name?:?RIDATE,?width?:?120,?sortable?:?true,?align:?center},?? ????????????????{display:?发布作者,?name?:?RIAUTHOR,?width?:?80,?sortable?:?true,?align:?center}???????????????????????????????????????????????????????????????? ????????????????],?? ????????????buttons?:?[?? ????????????????{name:?添加,?bclass:?add,?onpress?:?button},?? ????????????????{name:?删除,?bclass:?delete,?onpress?:?button},?? ????????????????{name:?修改,?bclass:?modify,?onpress?:?button},????????????????? ????????????????{separator:?true}?? ????????????????],?? ????????????searchitems?:?[?? ????????????????{display:?信息编号,?name?:?RINO,?isdefault:?true},?? ????????????????{display:?信息标题,?name?:?RITITLE},?? ????????????????{display:?信息类别,?name?:?IC.ICNAME},?? ????????????????{display:?发布作者,?name?:?RIAUTHOR}?? ????????????????],?? ????????????sortname:?RINO,?? ????????????sortorder:?desc,?? ??