★PagingBulletedList★

わんくま同盟ホームわんくま同盟の最新記事 MyBlog 　　　Ognac試行部屋　　　

(AJAX_TK_SampleWebSite のソースを参考にしています。)

大通東
北十一条西（５～１１丁目）
屯田一条
東雁来二条
東札幌二条
定山渓温泉東
八軒三条西
明日風
平岡四条
千歳町
祝津
神居町台場
東光二十条
東鷹栖東一条
祝津町
音別町パシクル湖畔
若草町
西二十五条北
昭和
留辺蘂町平里
栗沢町北幸穂
南町七条
丸万
柏木町
新末広
沼の内町北
大麻東町
本町
東七条
幾春別中島町
東和田
流通
吉野二条南
東麻町
漁町
向有珠町
花川北三条
青山奥三番川
博多
三岱
上野町
花磯
大成区宮野
東山
瑞穂
沢町
旭町
中央
第５町内（その他）
東四線
旭町
中宇莫別（赤羽）
北町
南町
菊岡
川口
上頓別
鴛泊
朱円
川南
丸瀬布水谷町
上沢木
緑丘
花岡
緑丘
静内御幸町
宝来西町南
居辺
御影東一条南
興和
緑町
忠類協徳
負箙
下斗満
木場
姉別（丁目）
栄（１４５、１６９番地）
上茶路
西春別駅前錦町
東十六条南
南七条
築木館
一番町
下鞘師町
福田
是川
乙徳兵衛町
太田
西六番町
大湊新町
木造菰槌
碇ケ関白沢
切明誉田邸
高木原田
南田中西林元
三厩本町
吉向
小泊梨子木平
湯沢
手代森
大畑
千曳
苗平谷地
兎内下保土沢
天満後
上田（１～４丁目、北山）
名須川町
田老荒谷
東町
東和町鷹巣堂
鳩岡崎
土淵町土淵
花泉町涌津（その他）
浄法寺町飛鳥
浄法寺町寺ノ上
沢口
衣川区有浦
衣川区桧山沢
前沢区二十人町裏
水沢区太日通り
下笹森
間野々
栄町
銅屋
荒巻本沢
中央ＳＳ３０住友生命仙台中央ビル（２階）
燕沢東
南小泉
愛隣町
鹿妻北
丸井戸
宮町
唐桑町東舞根
波路上崎野
白川小奥
下馬
豊里町佐野
南方町大嶽山
南方町間内
一迫沼田
栗駒渡丸
瀬峰山崎前
高清水来光沢
岩出山城山
鳴子温泉堤下
古川新田
壇前
町
大目
天王
逢隈十文字
落合松坂
北田
川原町
高田
岳の下
歌津宮方
飯島長野本町
桜台
楢山登町
大塚
盤若町
大森町久保
十文字町睦合
大雄西館合
相染沢中岱
八幡
祝田
十和田大湯
小人町
福山
大曲花園町
南外小出
阿仁銀山
象潟町琴和喜
角館町西野川原
八森チゴキ
昼根下
飯沢
常明寺
東原町
窪田町小瀬
稲生
大宝寺（その他）
東原町
大島田
総光寺沢
山寺
平塩
大久保
川原子
中島通り
羽付
小清
津谷
栄町
横内
飯野町
天神町
大戸町上三寄大豆田
高野町橋本木流

Index size 1 10 Items per page
Index size 2 20 Items per page
Sort

御託

★PagingBulletedList★
用語集などの索引展開などに使えそう。
DB連動は課題:保留

ソース


■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\PagingBulletedList\PagingBulletedList01.aspx■
<%@ Page Language="C#" MasterPageFile="~/MasterPage_SubmitOff.master" AutoEventWireup="true" CodeFile="PagingBulletedList01.aspx.cs" Inherits="AJAX_Control_PagingBulletedList_PagingBulletedList01" Title="無題のページ" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <script language="javascript" type="text/javascript">
        var bl;
        
        function pageLoad() {
            bl = $find('PagingBulletedListBehavior1');
            if(bl.get_IndexSize() == 1) $get('radioOption1').checked = true;
            if(bl.get_IndexSize() == 2) $get('radioOption2').checked = true;
            if(bl.get_MaxItemPerPage() == 10) $get('radioOption3').checked = true;
            if(bl.get_MaxItemPerPage() == 20) $get('radioOption4').checked = true;
            $get('clientSort').checked = bl.get_ClientSort();
        }
            
        function onChangeSelectOption() {
            
            if ($get('radioOption1').checked) {
                bl.set_MaxItemPerPage(null);
                bl.set_IndexSize(1);
            }
            if ($get('radioOption2').checked) {
                bl.set_MaxItemPerPage(null);
                bl.set_IndexSize(2);
            }
            if ($get('radioOption3').checked) {
                bl.set_MaxItemPerPage(10);
            }
            if ($get('radioOption4').checked) {
                bl.set_MaxItemPerPage(20);
            }
        }

        function onChangeClientSort() {
            bl.set_ClientSort($get('clientSort').checked);
        }
    </script>
(AJAX_TK_SampleWebSite のソースを参考にしています。)    


        <asp:BulletedList ID="list" runat="server" DataSourceID="AccessDataSource1" DataTextField="町域名"   DataValueField="町域名">
        </asp:BulletedList>

        <cc1:PagingBulletedListExtender ID="pbl" runat="server" 
                       BehaviorID="PagingBulletedListBehavior1"
                       IndexSize="1"
                       Separator=" - "
            SelectIndexCssClass="selectIndex"
            TargetControlID="list" 
            UnselectIndexCssClass="unselectIndex" 
            MaxItemPerPage="10">
        </cc1:PagingBulletedListExtender>
        <hr />
        <input id="radioOption1" name="radioOption" type="radio"  value="1" onclick="onChangeSelectOption()" />
        <label for="radioOption1">Index size 1</label>
        <input id="radioOption3" name="radioOption" type="radio"  value="3" onclick="onChangeSelectOption()" />
        <label for="radioOption3">10 Items per page</label><br />
        <input id="radioOption2" name="radioOption" type="radio"  value="2" onclick="onChangeSelectOption()" />
        <label for="radioOption2">Index size 2</label>
        <input id="radioOption4" name="radioOption" type="radio"  value="4" onclick="onChangeSelectOption()" />
        <label for="radioOption4">20 Items per page</label> <br />
        <input type="checkbox" id="clientSort"  onclick="onChangeClientSort()" />
        <label for="clientSort">Sort</label>



    <asp:AccessDataSource ID="AccessDataSource1" runat="server"></asp:AccessDataSource>
</asp:Content>


■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\PagingBulletedList\PagingBulletedList01.aspx.cs■
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class AJAX_Control_PagingBulletedList_PagingBulletedList01 : System.Web.UI.Page
{

    protected void Page_PreInit(object sender, EventArgs e)
    {
        Page.Theme = (string)Session["テーマ"];
    }

    protected void Page_Load(object sender, EventArgs e)
    {

        using (CR.MDB_ACCESS ma = new CR.MDB_ACCESS(Server, CR.enum_MDB種類.引用Data))
        {
            AccessDataSource1.DataFile = ma.get_DataFile();
            string j = AccessDataSource1.ConnectionString;
            AccessDataSource1.SelectCommand = "select ID,町域名 from 町域名例 order by ID";

        }

    }
}