div&id="header"。页面的标题部分
div&id="leftside"
主菜单部分
div&id="container"&
主体部分，多标签页形式显示&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
div&id="footer"。页脚部分&&navTab/dialog页面的html代码，不是像平常那样写成&html&&head/&&body/&&/html&这样的格式，而是像下图所示的格式那样。&下面说下项目中使用的几种典型界面4.1，查询画面&h2 class="contentTitle"&xxxx列表&/h2&&cc1:PagingForm ID="pagerForm" runat="server" ActionUrl="xxx" /&&div class="pageHeader"&&&&&&form id="Form1" onsubmit="return navTabSearch(this);" action="xxxx" method="post" runat="server"&&&&&&div class="searchBar"&&&&&&&&&&table class="searchContent"&&&&&&&&&&&&&&tr&&&&&&&&&&&&&&&&&&td&&&&&&&&&&&&&&&&&&&&&编号：&input type="text" name="xxxx" value="xxxx" /&&&&&&&&&&&&&&&&&&/td&&&&&&&&&&&&&&&&&&td&&&&&&&&&&&&&&&&&&&&&名称：&input type="text" name="xxxxx" value="xxxx"/&&&&&&&&&&&&&&&&&&/td&&&&&&&&&&&&&&/tr&&&&&&&&&&/table&&&&&&&&&&div class="subBar"&&&&&&&&&&&&&&ul&&&&&&&&&&&&&&&&&&li&&div class="buttonActive"&&div class="buttonContent"&&button type="submit"&检索&/button&&/div&&/div&&/li&&&&&&&&&&&&&&/ul&&&&&&&&&&/div&&&&&&/div&&&&&&/form&&/div&&div class="pageContent"&&&&&&asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound"&&&&&&HeaderTemplate&&&&&&&&&&table class="table" width="100%" layoutH="208"&&&&&&&&&&thead&&&&&&&&&&&&&&tr&&&&&&&&&&&&&&&&&&th width="40"&序号&/th&&&&&&&&&&&&&&&&&&th width="120"&编号&/th&&&&&&&&&&&&&&&&&&th width="150"&名称&/th&&&&&&&&&&&&&&&&&&th width="80"&操作&/th&&&&&&&&&&&&&&/tr&&&&&&&&&&/thead&&&&&&&&&&tbody&&&&&&/HeaderTemplate&&&&&&ItemTemplate&&&&&&&&&&tr&&&&&&&&&&&&&&td&&asp:Literal runat="server" ID="lblRownumber" /& &/td&&&&&&&&&&&&&&td&&%#NvStr(Eval("Code"))%& &/td&&&&&&&&&&&&&&td&&%#NvStr(Eval("Name"))%& &/td&&&&&&&&&&&&&&td&&asp:Literal runat="server" ID="lbtCommand" /&&&&&&&&&&&&&&/td&&&&&&&&&&/tr&&&&&&/ItemTemplate&&&&&&FooterTemplate&&&&&&&&&&/tbody&&&&&&&&&&/table&&&&&&/FooterTemplate&&&&&&/asp:Repeater&&&&&&cc1:PagingFoot runat="server" ID="pagingFoot"/&&/div&&4.2，单表的新增/编辑画面代码：&%@ Page Language="C#" AutoEventWireup="true" CodeBehind="xxxx.aspx.cs" Inherits="xxxx" %&&div class="pageContent"&&form method="post" id="xxxx" class="pageForm required-validate"onsubmit="return validateCallback(this, navTabAjaxDone);"&&div class="pageFormContent" layoutH="56"&&p&&label&名称：&/label&&input name="name" class="required" type="text" size="30" /&&/p&&p&&label&总计：&/label&&input name="total" type="text" size="30" class="required number" /&&/p&&/div&&div class="formBar"&&ul&&li class="continue"&&input type="checkbox" checked="checked" class="checked" id="continue"/&继续添加&/li&&li&&div class="buttonActive"&&div class="buttonContent"&&button type="button" name="btnSave" onclick=""&添加&/button&&/div&&/div&&/li&&li&&div class="button"&&div class="buttonContent"&&button type="button" class="close"&关闭&/button&&/div&&/div&&/li&&/ul&&/div&&script type="text/javascript"&$().ready(function () {xxxx.initDetailFormData(null);});&/script&&/form&&iframe class="T_iframe"&&/iframe&&/div&a，&button type="button" class="close"&，dwz会为class=close的添加一个关闭页面的动作。b，&iframe class="T_iframe"&，这个是为了解决IE6，select框覆盖弹出层的bug，参照了“”这篇文章&4.3，主子表的新增/编辑画面&&h2 class="contentTitle"&xx填报&/h2&&div class="pageContent"&&&&&&div class="panel" defH="200"&&&&&&&&&&h1&基本信息&/h1&&&&&&&&&&div class="pageFormContent"&&&&&&&&&&&&&&p&&&&&&&&&&&&&&&&&&label&编号：&/label&&&&&&&&&&&&&&&&&&input name="" readonly="readonly" type="text" size="30" /&&&&&&&&&&&&&&/p&&&&&&&&&&&&&&p&&&&&&&&&&&&&&&&&&label&名称：&/label&&&&&&&&&&&&&&&&&&input name="" class="required" type="text" size="30" style="ime-mode:" /&&&&&&&&&&&&&&/p&&&&&&&&&&&&&&p&&&&&&&&&&&&&&&&&&label&项目负责人：&/label&&&&&&&&&&&&&&&&&&input name="" type="text" size="30" style="ime-mode:" /&&&&&&&&&&&&&&/p&&&&&&&&&&/div&&&&&&/div&&&&&&&div class="divider"&&/div&&&&&&&div class="panelBar"&&&&&&&&&&ul class="toolBar"&&&&&&&&&&&&&&li&&a class="button" onclick=""&&span&添加&/span&&/a&&/li&&&&&&&&&&/ul&&&&&&/div&&&&&&asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound"&&&&&&HeaderTemplate&&&&&&&&&&table class="table" width="100%" layoutH="385" id="xxxx" nowrapTD="false"&&&&&&&&&&thead&&&&&&&&&&&&&&tr&&&&&&&&&&&&&&&&&&th width="200"&名称&/th&&&&&&&&&&&&&&&&&&th width="150"&型号规格&/th&&&&&&&&&&&&&&&&&&th width="100"&数量&/th&&&&&&&&&&&&&&&&&&th width="120"&单价(元)&/th&&&&&&&&&&&&&&&&&&th width="150"&总计(元)&/th&&&&&&&&&&&&&&&&&&th width="100"&操作&/th&&&&&&&&&&&&&&/tr&&&&&&&&&&/thead&&&&&&&&&&tbody&&&&&&/HeaderTemplate&&&&&&ItemTemplate&&&&&&&&&&tr class = "unitBox" data-tt-id="" data-tt-parent-id="" ondblclick=""&&&&&&&&&&&&&&td&xxx&/td&&&&&&&&&&&&&&td&xxx&/td&&&&&&&&&&&&&&td&xxx&/td&&&&&&&&&&&&&&td&xxx&/td&&&&&&&&&&&&&&td&xxx&/td&&&&&&&&&&&&&&td&xxx&/td&&&&&&&&&&/tr&&&&&&/ItemTemplate&&&&&&FooterTemplate&&&&&&&&&&/tbody&&&&&&&&&&/table&&&&&&/FooterTemplate&&&&&&/asp:Repeater&&&&&&div class="formBar"&&&&&&&&&&ul&&&&&&&&&&&&&&&&&&&&&&&&&li&&&&&&&&&&&&&&&&&&div class="buttonActive"&&&&&&&&&&&&&&&&&&&&&&div class="buttonContent"&&button type="button" onclick=""&保存&/button&&&&&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&/li&&&&&&&&&&/ul&&&&&&/div&&/div&&a，主表的输入项最外层套了个&div class="panel" defH="200"&，早先是没写这个，就&div class="pageFormContent"&（这个和子表的&table&平级，现在是&div class="panel" defH="200"&和&table&平级）。那样写，当pageFormContent里有select控件时，在IE6下显示位置会错乱，后来加上这个panel就好了。b，&tr class = "unitBox" data-tt-id="" data-tt-parent-id=""&这个写法是用到了这个Jquery控件。&&4.4，主子表+多标签页的新增/编辑画面与前一节的区别是，我用多标签页的形式显示子表的数据。&&&&h2 class="contentTitle"&xxxx填报&/h2&&&div class="pageContent"&&&&&&&div class="panel" defH="220"&&&&&&&&&&h1&基本信息&/h1&&&&&&&&&&div class="pageFormContent"&&&&&&&&&&&&&&p&&&&&&&&&&&&&&&&&&label&编号：&/label&&&&&&&&&&&&&&&&&&input name="" readonly="readonly" type="text" size="30" /&&&&&&&&&&&&&&/p&&&&&&&&&&&&&&&p&&&&&&&&&&&&&&&&&&label&名称：&/label&&&&&&&&&&&&&&&&&&input name="" class="required" type="text" size="30" style="ime-mode:" /&&&&&&&&&&&&&&/p&&&&&&&&&&&&&&p&&&&&&&&&&&&&&&&&&label&负责人：&/label&&&&&&&&&&&&&&&&&&input name="" type="text" size="30" style="ime-mode:" /&&&&&&&&&&&&&&/p&&&&&&&&&&/div&&&&&&/div&&&&&&&div class="divider"&&/div&&&&&&&div class="tabs" currentIndex="0" eventType="click"&&&&&&&&&&&div class="tabsHeader"&&&&&&&&&&&&&&div class="tabsHeaderContent"&&&&&&&&&&&&&&&&&&ul&&&&&&&&&&&&&&&&&&&&&&li&&a id="" href="javascript:;"&&span&客户列表&/span&&/a&&/li&&&&&&&&&&&&&&&&&&&&&&li&&a id="" href="x1.aspx" class="j-ajax"&&span&材料列表&/span&&/a&&/li&&&&&&&&&&&&&&&&&&&&&&li&&a id="" href="x2.aspx" class="j-ajax"&&span&xx列表&/span&&/a&&/li&&&&&&&&&&&&&&&&&&&&&&li&&a id="" href="x3.aspx" class="j-ajax"&&span&xx列表&/span&&/a&&/li&&&&&&&&&&&&&&&&&&&&&&li&&a id="" href="x4.aspx" class="j-ajax"&&span&xx列表&/span&&/a&&/li&&&&&&&&&&&&&&&&&&&&&&li&&a id="" href="x5.aspx" class="j-ajax"&&span&xx列表&/span&&/a&&/li&&&&&&&&&&&&&&&&&&&&&&li&&a id="" href="x6.aspx" class="j-ajax"&&span&xx列表&/span&&/a&&/li&&&&&&&&&&&&&&&&&&/ul&&&&&&&&&&&&&&/div&&&&&&&&&&/div&&&&&&&&&&&div class="tabsContent" layoutH="420"&&&&&&&&&&&&&&div&&&&&&&&&&&&&&&&&&div class="panelBar"&&&&&&&&&&&&&&&&&&&&&&ul class="toolBar"&&&&&&&&&&&&&&&&&&&&&&&&&&li&&a class="button" onclick=""&&span&添加&/span&&/a&&/li&&&&&&&&&&&&&&&&&&&&&&/ul&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&&&&&asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound"&&&&&&&&&&&&&&&&&&HeaderTemplate&&&&&&&&&&&&&&&&&&&&&&table class="list" width="100%" layoutH="420" id="tbAllocatedUnits" nowrapTD="false"&&&&&&&&&&&&&&&&&&&&&&thead&&&&&&&&&&&&&&&&&&&&&&&&&&tr&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&th width="200"&客户名称&/th&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&th width="120"&xxxx&/th&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&th width="200"&xxxx&/th&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&th width="120"&操作&/th&&&&&&&&&&&&&&&&&&&&&&&&&&/tr&&&&&&&&&&&&&&&&&&&&&&/thead&&&&&&&&&&&&&&&&&&&&&&tbody&&&&&&&&&&&&&&&&&&/HeaderTemplate&&&&&&&&&&&&&&&&&&ItemTemplate&&&&&&&&&&&&&&&&&&&&&&tr ondblclick=""&&&&&&&&&&&&&&&&&&&&&&&&&&td&xxx&/td&&&&&&&&&&&&&&&&&&&&&&&&&&td&xxx&/td&&&&&&&&&&&&&&&&&&&&&&&&&&td&xxx&/td&&&&&&&&&&&&&&&&&&&&&&&&&&td&xxx&/td&&&&&&&&&&&&&&&&&&&&&&/tr&&&&&&&&&&&&&&&&&&/ItemTemplate&&&&&&&&&&&&&&&&&&FooterTemplate&&&&&&&&&&&&&&&&&&&&&&/tbody&&&&&&&&&&&&&&&&&&&&&&/table&&&&&&&&&&&&&&&&&&/FooterTemplate&&&&&&&&&&&&&&&&&&/asp:Repeater&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&div&&/div&&&&&&&&&&&&&&div&&/div&&&&&&&&&&&&&&div&&/div&&&&&&&&&&&&&&div&&/div&&&&&&&&&&&&&&div&&/div&&&&&&&&&&&&&&div&&/div&&&&&&&&&&/div&&&&&&&&&&&div class="tabsFooter"&&&&&&&&&&&&&&div class="tabsFooterContent"&&/div&&&&&&&&&&/div&&&&&&/div&&&&&&&&div class="formBar"&&&&&&&&&&ul&&&&&&&&&&&&&&li&&div class="buttonActive"&&&&&&&&&&&&&&&&&&&&&&div class="buttonContent"&&button type="button" onclick="ScienceBudget.saveBudget();"&保存&/button&&&&&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&/li&&&&&&&&&&/ul&&&&&&/div&&/div&&a，&div class="tabsHeaderContent"&内的标签数目要和&div class="tabsContent"&里的子div个数一致。一个标题对应&div class="tabsContent"&里的一个div。b， &div class="tabs" currentIndex="0" eventType="click"&中currentIndex指定了初始显示第一个标签页的内容。c，其他标签页的标题都是这样写的&a id="" href="x1.aspx" class="j-ajax"&，用ajax方式加载href页面的html，所以在&div class="tabsContent"&里，除了第一个子div里写了内容，其他几个子div都是空的(&div&&/div&)，点击这个标签页后才会加载页面。&这篇就先写到这里了。&&&&&&
阅读(...) 评论()！！！求大神 dwz 点击按钮添加表格 表格不显示样式UI
[问题点数：100分]
！！！求大神 dwz 点击按钮添加表格 表格不显示样式UI
[问题点数：100分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。DWZ使用笔记 - 推酷
DWZ使用笔记
DWZ使用笔记
在近期的一个项目中，引入了DWZ这个富client框架，算是一次尝试吧。期间也遇到不少问题，总算一一攻克了。特以此文记之。
本人用的是dwz-ria-1.4.5+Asp.net webform，写这篇笔记时最新版本号已经是1.4.6了。
二、文件夹结构
dwz-ria-1.4.5.zip解压后，文件夹结构见下图2.1。
当中js：dwz的核心脚本代码；
themes：css样式，提供了default、azure、green、purple、silver等皮肤；
uploadify：文件上传控件。
三、JS说明
3.1，dwz.core.js：dwz的基石。用的比較多的是String的扩展方法，ajaxError（ajax error时的默认处理）、ajaxDone（ajax success时的默认处理）。
client接收到的asp.net webmethod返回值，多了层d。dwz中ajax方法接受的返回值是{statusCode:xx,message:'xxxx'}这种格式，在后台webmethod返回这种格式，前台js接收到的{
{statusCode:xx,message:'xxxx'}}。
obj2str、jsonEval是dwz提供的序列化/反序列化json的函数，在使用中发现存在bug，建议使用json2.js的。
3.2，dwz.ajax.js：dwz提供的ajax函数。有分页处理（navTabAjaxDone、dialogPageBreak）、ajax success时的回调函数（navTabAjaxDone、dialogAjaxDone）。
navTab、dialog是两种页面显示方式，navTab：以标签页显示的画面，dialog：弹出式的画面。
3.3，dwz.ui.js：画面的初始化处理。function initUI(_box)就是对一系列的dwz标签进行初始化，第三方控件的初始化也要放在这里。Jquery的ready事件运行后，才会运行initUI，我在项目中用了editable-select、treetable两个控件，一開始是放在ready事件里初始化的，碰巧他们的class和dwz的重名，调试时怎么也出不来那个效果，后来看调试代码才发现不能写在ready里。
3.4，dwz.barDrag.js：左边活动面板的隐藏、显示
3.5，dwz.stable.js、dwz.cssTable.js：dwz提供的两种表格。相应的标签各自是class='table'/class='list'。
csstable仅仅支持排序；
stable功能多些，支持排序，列幅的调整等。它实际上是把原先的一个表格变成了2个，一个是包括列标题的表格，一个就仅仅有数据行的表格，拖动列标题时，会对应调整还有一个表格的列宽。使用过程中发现生成的表格，主要是数据行的那个没有id/name了，没法往里面动态加入数据了，所以改动了下源码。
从显示效果看，csstable行与行之间没有细线分隔，stable的就有。对照两者的css，在 \themes\css\core.css文件，
/* CSS Table */
table.list td 这行添加border-bottom: solid 1px #
设置td底部边框的线型、宽度、颜色。
不足的地方：stable动态生成了表头列（表格），在右側加入了纵向滚动栏，所以会调整html中设置好的列宽。遇到多行表头、空数据行（新增画面，初始时没有数据行，执行时加入数据）这种场景，表头列和数据列会错位。这时改用csstable或改动stable源码（我是改用csstable了）。
3.6，dwz.dialog.js：弹出画面用的。$.pdialog.getCurrent()：获取当前的弹出画面
3.7，dwz.navTab.js：标签页画面用的。navTab.getCurrentPanel()：获取当前的标签页对象
四、UI布局
通常在login.aspx页面登录后，进入index.aspx（dwz-ria-1.4.5.zip中的index.html）页面，这个是主页面，项目中要引用的js，css文件都是在这里载入。
页面布局：
id =&header&。页面的标题部分
id =&leftside&
主菜单部分
id =&container&&
主体部分，多标签页形式显示&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
=&footer&。页脚部分
navTab/dialog页面的html代码，不是像寻常那样写成&html&&head/&&body/&&/html&这种格式，
而是像下图所看到的的格式那样。
以下说下项目中使用的几种典型界面
4.1，查询画面
= &contentTitle& &xxxx列表&/
&cc1:PagingForm
= &pagerForm&
= &server& ActionUrl=
&pageHeader& &
= &Form1& onsubmit= &return navTabSearch(this);&
&server& &
&searchBar& &
&searchContent& &
&subBar& &
= &buttonActive& &&
= &buttonContent& &&button
= &submit& &检索&/button&&/
&pageContent& &
&asp:Repeater
= &Repeater1&
= &server& OnItemDataBound=
&Repeater1_ItemDataBound& &
HeaderTemplate
= &100%& layoutH=
= &40& &序号&/
= &120& &编号&/
= &150& &名称&/
= &80& &操作&/
HeaderTemplate
ItemTemplate
&&asp:Literal
= &server&
= &lblRownumber& /& &/
&&%#NvStr(Eval( &Code& ))%& &/
&&%#NvStr(Eval( &Name& ))%& &/
&&asp:Literal
= &server&
&lbtCommand& /&
ItemTemplate
FooterTemplate
FooterTemplate
&/asp:Repeater&
&cc1:PagingFoot
= &server&
&pagingFoot& /&
4.2，单表的新增/编辑画面
&%@ Page Language=&C#& AutoEventWireup=&true& CodeBehind=&xxxx.aspx.cs& Inherits=&xxxx& %&
&pageContent& &
&pageForm required-validate&
&return validateCallback(this, navTabAjaxDone);& &
= &pageFormContent& layoutH=
&label&名称：&/label&
= &required&
&label&总计：&/label&
&required number& /&
&formBar& &
&continue& &
= &checkbox&
= &checked&
= &checked&
&continue& /&继续加入
&buttonActive& &
&buttonContent& &
= &button&
= &btnSave&
&& &加入&/button&
&button& &
&buttonContent& &
= &button&
&close& &关闭&/button&
&text/javascript& &
$().ready(function () {
xxxx.initDetailFormData(null);
&T_iframe& &&/iframe&
a，&button
= &button&
= &close& &，dwz会为class=close的加入一个关闭页面的动作。
b，&iframe
= &T_iframe& &，这个是为了解决IE6，
select框覆盖弹出层的bug，參照了“
”这篇文章
4.3，主子表的新增/编辑画面
= &contentTitle& &xx填报&/
&pageContent& &
= &panel& defH=
&基本信息&/
&pageFormContent& &
&label&编号：&/label&
= &readonly&
&label&名称：&/label&
= &required&
&ime-mode:& /&
&label&项目负责人：&/label&
&ime-mode:& /&
= &divider& &&/
&panelBar& &
&toolBar& &
= &button&
&asp:Repeater
= &Repeater1&
= &server& OnItemDataBound=
&Repeater1_ItemDataBound& &
HeaderTemplate
= &100%& layoutH= &385&
= &xxxx& nowrapTD=
= &200& &名称&/
= &150& &型号规格&/
= &100& &数量&/
= &120& &单位价格(元)&/
= &150& &总计(元)&/
= &100& &操作&/
HeaderTemplate
ItemTemplate
= &unitBox&
ondblclick
ItemTemplate
FooterTemplate
FooterTemplate
&/asp:Repeater&
&formBar& &
&&&&&&&&&&&&
&buttonActive& &
= &buttonContent& &&button
= &button&
&& &保存&/button&
a，主表的输入项最外层套了个&
= &panel& defH= &200& &，早先是没写这个，就&
= &pageFormContent& &（这个和子表的&table&平级，如今是&
= &panel& defH= &200& &和&table&平级）。那样写，当 pageFormContent 里有select控件时，在IE6下显示位置会错乱，后来加上这个 panel 就好了。
= &unitBox&
&这个写法是用到了
这个Jquery控件。
4.4，主子表+多标签页的新增/编辑画面
与前一节的差别是，我用多标签页的形式显示子表的数据。
= &contentTitle& &xxxx填报&/
&pageContent& &
= &panel& defH=
&基本信息&/
&pageFormContent& &
&label&编号：&/label&
= &readonly&
&label&名称：&/label&
= &required&
&ime-mode:& /&
&label&负责人：&/label&
&ime-mode:& /&
= &divider& &&/
= &tabs& currentIndex= &0& eventType=
&tabsHeader& &
&tabsHeaderContent& &
= &javascript:;& &&
&客户列表&/
= &x1.aspx&
= &j-ajax& &&
&材料列表&/
= &x2.aspx&
= &j-ajax& &&
= &x3.aspx&
= &j-ajax& &&
= &x4.aspx&
= &j-ajax& &&
= &x5.aspx&
= &j-ajax& &&
= &x6.aspx&
= &j-ajax& &&
= &tabsContent& layoutH=
&panelBar& &
&toolBar& &
= &button&
&asp:Repeater
= &Repeater1&
= &server& OnItemDataBound=
&Repeater1_ItemDataBound& &
HeaderTemplate
= &100%& layoutH= &420&
= &tbAllocatedUnits& nowrapTD=
= &200& &客户名称&/
= &120& &xxxx&/
= &200& &xxxx&/
= &120& &操作&/
HeaderTemplate
ItemTemplate
ondblclick
ItemTemplate
FooterTemplate
FooterTemplate
&/asp:Repeater&
&tabsFooter& &
= &tabsFooterContent& &&/
&formBar& &
&buttonActive& &
= &buttonContent& &&button
= &button&
&ScienceBudget.saveBudget();& &保存&/button&
a，&div class=&tabsHeaderContent&&内的标签数目要和&div class=&tabsContent&&里的子div个数一致。一个标题相应&div class=&tabsContent&&里的一个div。
= &tabs& currentIndex= &0& eventType= &click& &中currentIndex指定了初始显示第一个标签页的内容。
c，其它标签页的标题都是这样写的&
= &x1.aspx&
= &j-ajax& &，用ajax方式载入
页面的html，
= &tabsContent&
&里，除了第一个子div里写了内容，其它几个子div都是空的(&
点击这个标签页后才会载入页面。
这篇就先写到这里了。
原文地址：/wordmy/p/3219760.html
已发表评论数()
已收藏到推刊！
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
没有分页内容
图片无法显示
视频无法显示
与原文不一致dwz框架的table，页面初始化用ajax获取并设置表格内容后，表格没有点击事件等。
dwz框架的table，页面初始化用ajax获取并设置表格内容后，表格没有点击事件等。
[摘要：征象：调试时百思没有得其解，正在dwz.stable.js中，减一句alert，便有用果了，往失落以后又出了。 厥后正在dwz.stable.js中alert了一下tbody的内容，发明页里表内容照样本来静态的内容，而没有是aja]
现象：调试时百思不得其解，在dwz.stable.js中，加一句alert，就有效果了，去掉之后又没了。
后来在dwz.stable.js中alert了一下tbody的内容，发现页面表格内容还是原来静态的内容，而不是ajax请求到的内容。
因此，估计是ajax异步造成的问题。
因为经观察，运行顺序是先加载jsp页面，然后执行页面的& $(function()，然后才会初始化dwz框架。
我的页面加载完后自动调用ajax获取内容并设置表格，由于ajax默认为异步，所以此时表格内容可能还没有设置，就已经开始初始化dwz.table了，因此在dwz.stable.js中调试，看到的还是table中的静态内容。
后来，把ajax请求改为同步，所有都正常了，就加一句话的问题呀！！！ 搞了大半天。
& $(function()
&&& //alert('a');
&&& //alert('b');
&&& sys_menu__dispdata(1,20);
& //显示菜单列表数据
& function sys_menu__dispdata(curpage,perpage)
&&&&&&& //!!获取本页面的总div，然后从里面获取元素。因为dwz框架所有页面都在index中，所以id，class可能会重复
&&&&&&& var $div=$('#div_sys_menu'); &
&&&&&&& //alert($div);&&&& &
&& &&& &//获取当前用户
&&&&&&& var em_id=$div.find(&#edt_userid&).val();
&&&&&&& //alert(em_id); &
&& &&& &$.ajax({
&& &&& && type:&POST&,
&& &&& && url:&oa_sys_manage&,
&& &&& && data:&type=menu_list&curpage=&+ curpage + &&perpage=& + perpage,
&& &&& && dataType:&json&,
&& &&& && async:false,
&& &&& && success:function(data){
&& &&& &&&& //alert(&ajax over...&);
&& &&& &&&& //alert(data[0].rs.head.counts);
&& &&& &&&& //alert(data[0].rs.body.length);
&& &&& &&&& var rsdata=data[0].rs.
&& &&& &&&& //alert(rsdata.length);
&& &&& &&&& //填充分页面板
&& &&& &&&& $div.find('#page_counts').text(data[0].rs.head.counts);
&& &&& &&&& $div.find('#page_perpage').text(data[0].rs.head.perpage);
&& &&& &&&& $div.find('#page_pages').text(data[0].rs.head.pages);
&& &&& &&&& $div.find('#page_curpage').text(data[0].rs.head.curpage);
&& &&& &&&& //填充分页数据
&& &&& &&&& $div_menulist=$div.find(&#tbl_menulist_body&);
&& &&& &&&& var shtml=&&;//&div style='border-style:border-color:#C8C8F7;border-width:1'&rn&;&& &&& &&& &
&& &&& &&&& for(var i=0;i&rsdata.i++)
&& &&& &&&& {
&& &&& &&&&&& try
&& &&& &&&&&& {
&& &&& &&&&&&&&&& var tbl_
&& &&& &&&&&&&&&& tbl_row= &&tr target='' rel='0'&rn&;&&&&&&&& &
&& &&& &&&&&&&&&& tbl_row+=&& &td align='left'&& + rsdata[i].right_bm + &&/td&rn&;
&& &&& &&&&&&&&&& var menu_name_color=rsdata[i].right_bm.length==3?&&font color='red'&& + rsdata[i].meunname + &&/font&&:rsdata[i].
&& &&& &&&&&&&&&& tbl_row+=&& &td align='left' && + menu_name_color + &&/td&rn&;
&& &&& &&&&&&&&&& tbl_row+=&& &td align='left' && + rsdata[i].link_addr + &&/td&rn&;
&& &&& &&&&&&&&&& tbl_row+=&& &td align='left' && + rsdata[i].imgname + &&/td&rn&;&& && &
&& &&& &&&&&&&&&& tbl_row+=&& &td align='left' && + rsdata[i].imgnameopen + &&/td&rn&;&& &
&& &&& &&&&&&&&&&&&&&& &
&& &&& &&&&&&&&&& tbl_row+=&&/tr&rn&;
&& &&& &&&&&&&&&& //追加到shtml中&& &&& &&&&&&&&& &
&& &&& &&& &&&&&& shtml+=tbl_
&& &&& &&& && }
&& &&& &&& && catch(e)
&& &&& &&& && {
&& &&& &&& &&&& alert(e.message);
&& &&& &&& && }
&& &&& &&&& }
&& &&& &&&& //shtml+=&&/div&rn&;
&& &&& &&&& //alert(shtml);
&& &&& &&&& $div_menulist.html(shtml);
&& &&& &&&& //$('#div_sys_menu').find('.gridTbody').find(&table&).html(shtml);
&& &&& &&&& //!!调用dwz框架的初始化diaolog部分。
&& &&& &&&& //子页面$(function)加载完毕后js生成的&a target='dialog'&，要再初始化一下。否则不出对话框
&& &&& &&&& //alert('data初始化完成');
&& &&& && }
&& &&& &});
&&& }catch(e){alert(e.message);}
感谢关注 Ithao123Ajax频道，是专门为互联网人打造的学习交流平台，全面满足互联网人工作与学习需求，更多互联网资讯尽在 IThao123!
Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来；它可以帮你构建一个完美的网络APP，而且每行代码都可以简洁、富于表达力。
Hadoop是一个由Apache基金会所开发的分布式系统基础架构。
用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。
Hadoop实现了一个分布式文件系统（Hadoop Distributed File System），简称HDFS。HDFS有高容错性的特点，并且设计用来部署在低廉的（low-cost）硬件上；而且它提供高吞吐量（high throughput）来访问应用程序的数据，适合那些有着超大数据集（large data set）的应用程序。HDFS放宽了（relax）POSIX的要求，可以以流的形式访问（streaming access）文件系统中的数据。
Hadoop的框架最核心的设计就是：HDFS和MapReduce。HDFS为海量的数据提供了存储，则MapReduce为海量的数据提供了计算。
产品设计是互联网产品经理的核心能力，一个好的产品经理一定在产品设计方面有扎实的功底，本专题将从互联网产品设计的几个方面谈谈产品设计
随着国内互联网的发展，产品经理岗位需求大幅增加，在国内，从事产品工作的大部分岗位为产品经理，其实现实中，很多从事产品工作的岗位是不能称为产品经理，主要原因是对产品经理的职责不明确，那产品经理的职责有哪些，本专题将详细介绍产品经理的主要职责
IThao123周刊}