listview或数据绑定项目符号样式详解，加datapager分页

- 日理万妓 2021-11-02 03:34 173阅读 0赞

在博客园搜索了很久listview分页都没有找到项目符号样式的具体活数据绑定的方法，最后，还是自己试了一下，弄出来了，发布出来供朋友们参考，包括datapager的分页绑定，如有什么需要改进的地方，敬请指教。

效果图：![datapager.jpg][]

下面贴出源码给大家参考：

HTML源码

<asp:ListView ID="ListView1" runat="server"> 
                <AlternatingItemTemplate> 
                    <li style="background-color: \#FFF8DC;">批示人: 
                        <asp:Label ID="CHECKUSERLabel" runat="server" Text='<%\# Eval("CHECKUSER") %>' /> 
                        
                        批示时间: 
                        <asp:Label ID="CHECKDATELabel" runat="server" Text='<%\# Eval("CHECKDATE") %>' /> 
                        
                        批示意见: 
                        <asp:Label ID="CHECKWORDSLabel" runat="server" Text='<%\# Eval("CHECKWORDS") %>' /> 
                        
                    </li> 
                </AlternatingItemTemplate> 
                <LayoutTemplate> 
                    <ul ID="itemPlaceholderContainer" runat="server" 
                        style="font-family: Verdana, Arial, Helvetica, sans-serif;"> 
                        <li ID="itemPlaceholder" runat="server" /> 
                        </ul> 
                        <div style="text-align: center;background-color: \#CCCCCC;font-family: Verdana, Arial, Helvetica, sans-serif;color: \#000000;"> 
                            <asp:DataPager ID="DataPager1" runat="server" PageSize="3"> 
                                <Fields> 
                                    <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" 
                                        ShowNextPageButton="false" ShowPreviousPageButton="true" /> 
                                    <asp:NumericPagerField /> 
                                    <asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" 
                                        ShowNextPageButton="true" ShowPreviousPageButton="false" /> 
                                </Fields> 
                            </asp:DataPager> 
                        </div> 
                    </LayoutTemplate> 
                    <InsertItemTemplate> 
                        <li style="">批示人: 
                            <asp:TextBox ID="CHECKUSERTextBox" runat="server" 
                                Text='<%\# Bind("CHECKUSER") %>' /> 
                            
                            批示时间: 
                            <asp:TextBox ID="CHECKDATETextBox" runat="server" 
                                Text='<%\# Bind("CHECKDATE") %>' /> 
                            
                            批示意见: 
                            <asp:TextBox ID="CHECKWORDSTextBox" runat="server" Text='<%\# Bind("CHECKWORDS") %>' /> 
                            
                            <asp:Button ID="InsertButton" runat="server" CommandName="Insert" Text="插入" /> 
                            <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="清除" /> 
                        </li> 
                    </InsertItemTemplate> 
                    <SelectedItemTemplate> 
                        <li style="background-color: \#008A8C;font-weight: bold;color: \#FFFFFF;">批示人: 
                            <asp:Label ID="CHECKUSERLabel" runat="server" Text='<%\# Eval("CHECKUSER") %>' /> 
                            
                            批示时间: 
                            <asp:Label ID="CHECKDATELabel" runat="server" Text='<%\# Eval("CHECKDATE") %>' /> 
                            
                            批示意见: 
                            <asp:Label ID="CHECKWORDSLabel" runat="server" Text='<%\# Eval("CHECKWORDS") %>' /> 
                            
                        </li> 
                    </SelectedItemTemplate> 
                    <EmptyDataTemplate> 
                        还没有批示意见。 
                    </EmptyDataTemplate> 
                    <EditItemTemplate> 
                        <li style="background-color: \#008A8C;color: \#FFFFFF;">批示人: 
                            <asp:TextBox ID="CHECKUSERTextBox" runat="server" 
                                Text='<%\# Bind("CHECKUSER") %>' /> 
                            
                            批示时间: 
                            <asp:TextBox ID="CHECKDATETextBox" runat="server" 
                                Text='<%\# Bind("CHECKDATE") %>' /> 
                            
                            批示意见: 
                            <asp:TextBox ID="CHECKWORDSTextBox" runat="server" Text='<%\# Bind("CHECKWORDS") %>' /> 
                            
                            <asp:Button ID="UpdateButton" runat="server" CommandName="Update" Text="更新" /> 
                            <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="取消" /> 
                        </li> 
                    </EditItemTemplate> 
                    <ItemTemplate> 
                        <li style="background-color: \#DCDCDC;color: \#000000;">批示人: 
                            <asp:Label ID="CHECKUSERLabel" runat="server" Text='<%\# Eval("CHECKUSER") %>' /> 
                            
                            批示时间: 
                            <asp:Label ID="CHECKDATELabel" runat="server" Text='<%\# Eval("CHECKDATE") %>' /> 
                            
                            批示意见: 
                            <asp:Label ID="CHECKWORDSLabel" runat="server" Text='<%\# Eval("CHECKWORDS") %>' /> 
                            
                        </li> 
                    </ItemTemplate> 
                    <ItemSeparatorTemplate> 
                        
                    </ItemSeparatorTemplate> 
                </asp:ListView>

至于C\#源码，就是和repeater、gridview一样的数据绑定方法，只用把数据绑定写在protected void Page\_PreRender(object sender, EventArgs e)事件里面就可以了，很简单，listview和datapager很方便。

转载于:https://www.cnblogs.com/alonghay/archive/2010/01/24/fewfgew.html

[datapager.jpg]: /images/20211102/5cb36b7e52984019b53e7cae991c55f4.png