DNN常用控件總結

——DNN 學習

?

1.??? Calendar

一般屬性配置：

<dnn:DnnCalendar ID="dcEvent" runat="server" CssClass="Calendar" Skin="Windows7"

??????????????????????????????? AutoPostBack="true" DayNameFormat="Short" DefaultCellPadding="10" EnableMonthYearFastNavigation="true"

??????????????????????????????? OtherMonthDayStyle-CssClass="otherDays" ShowOtherMonthsDays="true" ShowFastNavigationButtons="false"

??????????????????????????????? OnDefaultViewChanged="calender_DefaultViewChanged" OnDayRender="calender_DayRender"

??????????????????????????????? PresentationType="Preview">

</dnn:DnnCalendar>

?

特殊日期標記：

<SpecialDays>

<dnn:DnnCalendarDayRepeatable="Today"IsToday="true"Date=""ItemStyle-BackColor="Yellow"

??????????????????????????????????????? ItemStyle-CssClass="cellToday"ToolTip="Today">

??? </dnn:DnnCalendarDay>

</SpecialDays>

?

通過編寫ItemStyle-CssClass類的樣式來把特殊日期進行標示出來。

?

2.??? Editor

一般屬性配置：

<dnn:DnnEditor ID="ddeTermsM" runat="server" AllowScripts="true" StripFormattingOnPaste="All" ToolbarMode="Default" Width="100%" Visible="false" ImageManager-UploadPaths = "/Portals/0/Newsletter" ImageManager-EnableImageEditor="true" ImageManager-MaxUploadFileSize="1000000" ImageManager-ViewMode="Grid" ImageManager-ViewPaths="/Portals/0/Newsletter" />

?

屬性說明：

ImageManager-EnableImageEditor="true"：啟用圖片管理。

ImageManager-ViewPaths="/Portals/0/Newsletter" /：圖片管理默認路徑。

ImageManager-MaxUploadFileSize="1000000"：允許上傳圖片的最大值（byte）。

?

3.??? Grid

Grid界面配置與結構

<dnn:DnnGrid ID="dgEvents" runat="server" OnNeedDataSource="dgEvents_NeedDataSource"

??????????????? CssClass="IRedeemGrid dgEvents" AutoGenerateColumns="false" AllowPaging="true"

??????????????? OnItemCreated="dgEvents_ItemCreated" OnUpdateCommand="dgEvents_UpdateCommand"

??????????????? OnInsertCommand="dgEvents_InsertCommand" OnDeleteCommand="dgEvents_DeleteCommand"

??????????????? EditItemStyle-CssClass="dgEventsEdit" OnDetailTableDataBind="dgEvents_DetailTableDataBind">

??????????????? <MasterTableView EditMode="EditForms" CommandItemDisplay="Bottom" InsertItemDisplay="Bottom"

??????????????????? DataKeyNames="Id" EditFormSettings-EditColumn-CancelText="Cancel" EditFormSettings-EditColumn-ButtonType="ImageButton"

??????????????????? EditFormSettings-EditColumn-ItemStyle-CssClass="dgEventsEdit" CommandItemSettings-ShowRefreshButton="false"

??????????????????? CommandItemSettings-AddNewRecordText="Add New Event" ExpandCollapseColumn-ButtonType="SpriteButton"

??????????????????? ExpandCollapseColumn-Display="true" ExpandCollapseColumn-Visible="false">

??????????????????? <Columns>

???????????????????????

??????????????????? </Columns>

??????????????????? <DetailTables>

??????????????????????? <dnn:DnnGridTableView DataKeyNames="Id" Name="EventDateTime" EditMode="InPlace" CommandItemDisplay="Bottom"

??????????????????????????? AllowPaging="true" InsertItemDisplay="Bottom" CommandItemSettings-ShowRefreshButton="false"

??????????????????????????? CommandItemSettings-AddNewRecordText="Add Date & Time">

??????????????????????? ????<Columns>

???????????????????????????????

??????????????????????????? </Columns>

??????????????????????? </dnn:DnnGridTableView>

??????????????????? </DetailTables>

??????????????? </MasterTableView>

??????????? </dnn:DnnGrid>

?

屬性說明：

AutoGenerateColumns: 允許自動生成列表。

AllowPaging：允許分頁。

EditFormSettings-EditColumn-ButtonType：button顯示類型。

CommandItemDisplay：命令欄顯示位置。

MasterTableView： 主表

DetailTables： 從表

常用函數方法：

1)?????? OnNeedDataSource="dgEvents_NeedDataSource"

數據綁定

protected void dgEvents_NeedDataSource(object sender, EventArgs e)

??????? {

???????????

??????? }

?

2)?????? OnItemCreated="dgEvents_ItemCreated"

列表創建

protected void dgEvents_ItemCreated(object sender, GridItemEventArgs e)

??????? {

??????????? if (e.Item is GridEditableItem && e.Item.IsInEditMode)

??????????? {

??????????????????? var iredeemEvent = e.Item.DataItem as IRedeemEvent;

??????????? }

}

在ItemCreated事件中，能夠將綁定到該行的數據還原成數據源實體進行數據操作:

var iredeemEvent = e.Item.DataItem as IRedeemEvent;

?

3)?????? OnUpdateCommand="dgEvents_UpdateCommand"

數據更新事件

protected void dgEvents_UpdateCommand(object source, GridCommandEventArgs e)

??????? {

??????????? if (e.CommandArgument.ToString() == "SaveDetailTable")

??????????? {

???????????????

??????????? }

??????????? else

??????????? {

???????????????

??????????? }

??????? }

??????? 當有主從表時，需要判斷數據更新是否為從表的數據更新：

??????? if (e.CommandArgument.ToString() == "SaveDetailTable")

?

4)?????? OnInsertCommand="dgEvents_InsertCommand"

數據插入事件

protected void dgEvents_InsertCommand(object source, GridCommandEventArgs e)

?????? {

}

?

5)?????? OnDeleteCommand="dgEvents_DeleteCommand"

數據刪除事件

protected void dgEvents_DeleteCommand(object source, GridCommandEventArgs e)

{

?if (e.CommandArgument.ToString() == "DeleteDetailTable")

?{

?}

?else

?{

Var eventId =

editedItem.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["Id"].ToString();

}

當有主從表時，需要判斷數據更新是否為從表的數據刪除：

if (e.CommandArgument.ToString() == "DeleteDetailTable")

?

當要進行數據刪除時，我們往往需要找到刪除該數據的主鍵：

前臺：DataKeyNames="Id"

后臺：Var eventId =

editedItem.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["Id"].ToString();

?

Grid 有用方法。

protected void dgInvoices_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == "Edit")

{

???? dgInvoices.MasterTableView.IsItemInserted = false;

}

if (e.CommandName == "InitInsert")

{

dgInvoices.EditIndexes.Clear();

}

}

?

當在點擊編輯修改按鈕時，關閉新增數據表格：

dgInvoices.MasterTableView.IsItemInserted = false;

?

當在點擊添加新數據時，關閉打開的編輯數據行：

dgInvoices.EditIndexes.Clear();

?

4.??? ListView

常用界面配置

<dnn:DnnListView ID="dlvMyPoints" runat="server" PageSize="1" AllowPaging="true"

??????????????????????????????? ItemPlaceholderID="MyPointsPlaceHolder" OnNeedDataSource="DlvMyPointsNeedDataSource">

??????????????????????????????? <LayoutTemplate>

??????????????????????????????????? <div id="myPointsContent">

??????????????????????????????????????? <asp:Panel runat="server" ID="MyPointsPlaceHolder">

??????????????????????????????????????? </asp:Panel>

??????????????????????????????????????? <div class="clear_float">

??????????????????????? ????????????????</div>

??????????????????????????????????? </div>

??????????????????????????????????? <dnn:DnnDataPager ID="ddpMyPoints" runat="server" PageSize="30">

??????????????????????????????????????? <Fields>

??????????????????????????????????????????? <dnn:DnnDataPagerButtonField FieldType="Numeric" />

??????????????????????????????????????????? <dnn:DnnDataPagerTemplatePageField>

??????????????????????????????????????????????? <PagerTemplate>

??????????????? ????????????????????????????????????<div>

??????????????????????????????????????????????????????? <b>Showing

??????????????????????????????????????????????????????????? <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" />

??????????????????????????????????????????????????????????? -

??????????????????????????????????????????????????????????? <asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.TotalRowCount > (Container.Owner.StartRowIndex+Container.Owner.PageSize) ? Container.Owner.StartRowIndex+Container.Owner.PageSize : Container.Owner.TotalRowCount %>" />

??????????????????????????????????????????????????????????? of

???????????????????????????????????????? ???????????????????<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />

??????????????????????????????????????????????????????????? items

??????????????????????????????????????????????????????????? <br />

?????????? ?????????????????????????????????????????????</b>

??????????????????????????????????????????????????? </div>

??????????????????????????????????????????????? </PagerTemplate>

??????????????????????????????????????????? </dnn:DnnDataPagerTemplatePageField>

??????????????????????????????????????? </Fields>

??????????????????????????????????? </dnn:DnnDataPager>

??????????????????????????????? </LayoutTemplate>

??????????????????????????????? <EmptyDataTemplate>

?

??????????????????????????????? </EmptyDataTemplate>

??????????????????????????????? <ItemTemplate>

?

??????????????????????????????? </ItemTemplate>

??????????????????????????? </dnn:DnnListView>

?

1)?????? ItemTemplate

數據顯示模板

2)?????? EmptyDataTemplate

當數據源為空時，界面上顯示內容的模板

3)?????? LayoutTemplate

當有數據源時，ListView內容顯示模板。

有時候在模板中可以靈和添加許多額外的數據顯示信息，使顯示內容更豐富。

在LayoutTemplate中，往往使用DataPager控件配合ListView控件使用，來實現數據分頁的功能。

5.??? TabStrip

常用界面屬性配置

<div id="LearnMoreDiv">

??????????????? <dnn:DnnTabStrip ID="dtsLearnMore" runat="server" MultiPageID="dmpLearnMore">

??????????????????? <TabTemplate>

???????????????????????

??????????????????? </TabTemplate>

??????????????? </dnn:DnnTabStrip>

??????????? </div>

??????????? <dnn:DnnMultiPage ID="dmpLearnMore" runat="server">

??????????????? <dnn:DnnPageView TabIndex="0" runat="server">

??????????????????? <div id="FAQContent">

??????????????????????? <dnn:DnnTabStrip ID="dtsFAQ" runat="server">

??????????????????????????? <TabTemplate>

???????????????????????????????

??????????????????????????? </TabTemplate>

??????????????????????? </dnn:DnnTabStrip>

??????????????????? </div>

??????????????? </dnn:DnnPageView>

??????????????? <dnn:DnnPageView TabIndex="1" runat="server">

??????????????????? <div id="YourAccountContent">

??????????????????????? <dnn:DnnTabStrip ID="dtsYourAccount" runat="server">

??????????????????????????? <TabTemplate>

???????????????????????????????

??????????????????????????? </TabTemplate>

??????????????????????? </dnn:DnnTabStrip>

??????????????????? </div>

??????????????? </dnn:DnnPageView>

??????????????? <dnn:DnnPageView TabIndex="2" runat="server">

???????????????????

??????????????? </dnn:DnnPageView>

??????????? </dnn:DnnMultiPage>

?

TabStrip控件往往需要與MultiPage控件聯合使用，達到tab間切換進行數據的分類顯示。

?

TabStrip控件與MutiPage關聯屬性：MultiPageID="dmpLearnMore"

?

MultiPage控件的Page與TabStrip控件的Tab相關聯的屬性：

TabStrip: PageViewID=" "

MutiPage: TabIndex=””

轉載于:https://www.cnblogs.com/perfectlife/archive/2013/01/20/2868907.html

總結

以上是生活随笔為你收集整理的DNN常用控件总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。