1.下滑和上拉窗口 <div class="tvcLabelFrame"> <ajaxToolkit:CollapsiblePanelExtender ID="cpeDemo" runat="Server" TargetControlID="tvcLabelContentP2" ExpandControlID="tvcLabelHeadP1" CollapseControlID="tvcLabelHeadP1" Collapsed="False" SuppressPostBack="true" SkinID="CollapsiblePanelDemo" /> <asp:Panel ID="tvcLabelHeadP1" runat="server"> <div id="tvcLabelHead1" class="tvcLabelHead"> 共有标注<asp:Label ID="tvcLabelHeadlb" CssClass="tvcLabelColor" runat="server" Text="2"></asp:Label>条 </div> </asp:Panel> <asp:Panel ID="tvcLabelContentP2" runat="server"> <div class ="tvcLabelContent"> <div class="tvcLabelTitle"> <asp:Label ID="tvcLabelTitlelb" runat="server" Text="标注的表提为发明专利"></asp:Label> </div> <div class ="tvcLabelCon"> <asp:Label ID="tvcLabelConlb" runat="server" Text="叶轮出口直接为多少呢？想知道等有了具体数据后就可以很清楚的知道了，叶轮出口直接为多少呢？想 知道等有了具体数据后就可以很清楚的知道了。。。。。"></asp:Label> </div> <div class ="tvcLabelTime"> <asp:Label ID="tvcLabelTimelb" runat="server" Text="时间：2009/9/1 18:55"></asp:Label> </div> <div class ="tvcLabelLine"> </div> <div class="tvcLabelTitle"> <asp:Label ID="Label1" runat="server" Text="标注的表提为发明专利"></asp:Label> </div> <div class ="tvcLabelCon"> <asp:Label ID="Label2" runat="server" Text="叶轮出口直接为多少呢？想知道等有了具体数据后就可以很清楚的知道了，叶轮出口直接为多少呢？想知道等 有了具体数据后就可以很清楚的知道了。。。。。"></asp:Label> </div> <div class ="tvcLabelTime"> <asp:Label ID="Label3" runat="server" Text="时间：2009/9/1 18:55"></asp:Label> </div> <div class ="tvcLabelFengPage"> </div> </div> </asp:Panel> </div> 2.时间 <ajaxToolkit:CalendarExtender ID="PublishTime" runat="server" TargetControlID="tbPublishTime" Format="yyyy/MM/dd"> </ajaxToolkit:CalendarExtender> 3.对输入框进行输入限制 FilteredTextBoxExtender的一些属性： 1， TargetControlID：用来设置要控制的文本框。 2， FilterType:设置被过滤的类型，提供如下四种： Custom:如果选择这个选项，就可以在另外的一个属性中自定义不被过滤的字符 Numbers：让关联的文本框只能输入数字。 UppercaseLetters:让关联的文本框只能输入大写字母。 LowercaseLetters:让关联的文本框只能输入小写字母。 3，ValidChars:当FilterType设置为Custom时，用来设置有效的字符。 如：只 想输入数字的时候，可以自己设置filterType的值为：1234567890 比起自己过滤方便了很多，但是局限性很明显，太不自由，希望下个版本更强大 可以加如正则表达式验证的属性，可以更方便的验证更多的内容 ，看上去我 太懒了 ，很依赖别人写好的东西， 具体使用方法就不写了：这里只贴出来点关键代码： <asp:TextBox ID="TextBox4" runat="server" Width="378px"></asp:TextBox><br /> <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="TextBox4" ValidChars="012345689."><!--我在这里设置了ValidChars的值，值能输入数字和点，目的是限制是能输入小数点和数字，回头自己加个数字验证，就很方便的实现了数字的验证--> </cc1:FilteredTextBoxExtender> 有机会自己多多研究下，扩展点更多的属性，不过对于一个刚入门儿的程序员，路还长。。。 希望这一天尽快到来。。加油~~ 4.导航栏 <div class="ncUserCenterBack"> <div class="ncUserCenterHead"></div> <ajaxToolkit:Accordion ID="PatentAccordion" runat="Server" SelectedIndex="0" HeaderCssClass="ncAccordionHeaderDef" HeaderSelectedCssClass="ncAccordionHeaderSelected" AutoSize="None" FadeTransitions="true" TransitionDuration="250" FramesPerSecond="30" RequireOpenedPane="false" SuppressHeaderPostbacks="false"> <Panes> <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server"> <Header>个人信息</Header> <Content> <div id="DivContentList1" class="ncAccordionContentListDef1" style="margin-top:10px;" οnclick="ContentListClick(1);document.getElementById('iframePContent').src='UserCenterModule/UserSelfModify.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">编辑我的资料</td> </tr> </table> </div> <div id="DivContentList2" class="ncAccordionContentListDef1" οnclick="ContentListClick(2);document.getElementById('iframePContent').src='UserCenterModule/PassportModify.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">修改密码</td> </tr> </table> </div> </Content> </ajaxToolkit:AccordionPane> <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server"> <Header>用户管理</Header> <Content> <div id="DivContentList3" class="ncAccordionContentListDef2" style="margin-top:10px;" οnclick="ContentListClick(3);document.getElementById('iframePContent').src='UserCenterModule/PrivilegeTemplateManage.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">权限模板管理</td> </tr> </table> </div> <div id="DivContentList4" class="ncAccordionContentListDef2" οnclick="ContentListClick(4);document.getElementById('iframePContent').src='UserCenterModule/UserList.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">用户信息管理</td> </tr> </table> </div> <div id="DivContentList5" class="ncAccordionContentListDef2" οnclick="ContentListClick(5);document.getElementById('iframePContent').src='UserCenterModule/GroupManage.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">用户组管理</td> </tr> </table> </div> <div id="DivContentList6" class="ncAccordionContentListDef2" οnclick="ContentListClick(6);document.getElementById('iframePContent').src='UserCenterModule/UserRecordList.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">用户访问记录管理</td> </tr> </table> </div> </Content> </ajaxToolkit:AccordionPane> <ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server" > <Header><%--<div οnclick="document.getElementById('iframePContent').src='UserCenterModule/StatisticsResult.aspx';">我的统计结果</div>--%> <div id="DivCollectionget"></div> <asp:Button ID="btSResult" runat="server" Text="我的统计结果" CssClass="ncBtSResult" OnClick="btSResult_OnClick" /> <asp:Label ID="lblSResult" runat="server" style="display:none;">0</asp:Label> </Header> </ajaxToolkit:AccordionPane> <ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server" > <Header><div οnclick="document.getElementById('iframePContent').src='UserCenterModule/MyPSignList.aspx';">专利标注/翻译</div></Header> </ajaxToolkit:AccordionPane> <ajaxToolkit:AccordionPane ID="AccordionPane5" runat="server" > <Header>我的文献信息</Header> <Content> <div id="DivContentList7" class="ncAccordionContentListDef1" style="margin-top:10px;" οnclick="ContentListClick(7);document.getElementById('iframePContent').src='UserCenterModule/MonographInfo.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">专著文献</td> </tr> </table> </div> <div id="DivContentList8" class="ncAccordionContentListDef1" οnclick="ContentListClick(8);document.getElementById('iframePContent').src='UserCenterModule/PeriodicalInfo.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">期刊文献</td> </tr> </table> </div> <div id="DivContentList9" class="ncAccordionContentListDef1" οnclick="ContentListClick(9);document.getElementById('iframePContent').src='UserCenterModule/MeetingInfo.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">会议文献</td> </tr> </table> </div> <div id="DivContentList10" class="ncAccordionContentListDef1" οnclick="ContentListClick(10);document.getElementById('iframePContent').src='UserCenterModule/Topicsinfo.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">课题组发表文献</td> </tr> </table> </div> <div id="DivContentList11" class="ncAccordionContentListDef1" οnclick="ContentListClick(11);document.getElementById('iframePContent').src='UserCenterModule/ExpertInfo.aspx';"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="ncAccordionContentListPTd1"> <div class="ncAccordionContentListIcon"></div> </td> <td class="ncAccordionContentListPTd2">专家学者文献</td> </tr> </table> </div> </Content> </ajaxToolkit:AccordionPane> <ajaxToolkit:AccordionPane ID="AccordionPane6" runat="server" > <Header><div οnclick="document.getElementById('iframePContent').src='UserCenterModule/MyDSignList.aspx';">我的文献标注</div></Header> </ajaxToolkit:AccordionPane> <ajaxToolkit:AccordionPane ID="AccordionPane7" runat="server" > <Header><div οnclick="document.getElementById('iframePContent').src='UserCenterModule/PersonalTaskList.aspx';">任务管理</div></Header> </ajaxToolkit:AccordionPane> </Panes> </ajaxToolkit:Accordion> </div> 5. 弹出层 <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" TargetControlID="lbtnRWZP" PopupControlID="plRWZP" CancelControlID="btnExCancel" Drag="true" runat="server" DropShadow="false" RepositionMode="RepositionOnWindowResizeAndScroll" BackgroundCssClass="srcExtendermodalBackground" PopupDragHandleControlID="plRWZPHandle"> </ajaxToolkit:ModalPopupExtender> <asp:Panel ID="plRWZP" runat="server" CssClass="srcRWZPExtendermodalPopup" Style="display:none;"> <div style="font-size:12px;"> <asp:Panel ID="plRWZPHandle" runat="server"> <div style="width:424; height:27px; cursor:move; background:url('../App_Themes/HgSysSite/PatentModule/Images/Default/srcExtenderHead.jpg') no-repeat; padding-right:30px; _padding-right:15px;" > <div style="width:40px; width:18px; float:right;"> <asp:Button ID="btnExCancel" runat="server" style="width:40px; height:18px; background:url('../App_Themes/HgSysSite/PatentModule/Images/Default/srcExCancelButton.jpg') no-repeat; border-style:none;"/> </div> <div style="clear:right; height:-1px;"></div> </div> </asp:Panel> <div style="width:372px; height:332px; border:solid 1px #cfcfcf; padding:12px 30px 0px 20px; _padding:12px 10px 0px 10px;"> <div style="height:20px; line-height:20px;"> <div style="float:left;">用 户 组：</div> <div style="width:302px; height:20px; margin-left:10px; float:left;"> <asp:DropDownList ID="ddlExUserGroup" runat="server" style="width:302px; height:20px;"></asp:DropDownList> </div> <div style="clear:left; height:-1px;"></div> </div> <div style="width:402px; height:182px; margin-top:10px;"> <div style="height:182px; float:left;">用 户：</div> <div style="width:300px; height:180px; margin-left:10px; float:left; overflow-y:scroll; border:solid 1px #cfcfcf; background-color:#fff;"> <div style="width:265px; height:300px;"></div> </div> <div style="clear:left; height:-1px;"></div> </div> <div style="width:402px; height:64px; margin-top:10px;"> <div style="height:64px; float:left; margin-right:10px;">要 求：</div> <div style="width:302px; height:64px; float:left;"> <asp:TextBox ID="tbExRequest" runat="server" style="width:296px; height:60px;"></asp:TextBox> </div> <div style="clear:left; height:-1px;"></div> </div> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Button ID="btnExOK" runat="server" OnClick="btnExOK_OnClick" style="width:63px; height:25px; margin-left:75px; margin-top:12px; background:url('../App_Themes/HgSysSite/PatentModule/Images/Default/srcbtnExOK.jpg') no-repeat; border-style:none;" /> </ContentTemplate> </asp:UpdatePanel> </div> <%--<asp:HiddenField ID="HiddenField1" runat="server" />--%> <%--<asp:Panel ID="Panel1" runat="server" CssClass="srcExtendermodalPopupbar"> </asp:Panel>--%> </div> </asp:Panel>
