zoukankan      html  css  js  c++  java
  • AJAX Tool kit Combox

    AJAX Tool kit  Combox

    This is a sample of using AjaxToolkit Combox. I don't want to say it is good or not. We are just meet each other today and I feel like it very much.

    Here is the screen shot for this example.

    The first step is to add a combox to the page. Then configure its style and set its porperties. Don't forget to add scriptManager to your page. Ok, here is the style and the configured items. It's also available in the source code of ajaxtoolkit sample site.

    View Code
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxComboBox.aspx.cs" Inherits="MySite.AjaxComboBox" %>

    <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title></title>
    <style type="text/css">
    .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
    {
    margin
    : 0;
    border
    : solid 1px #7F9DB9;
    border-right
    : 0px none;
    padding
    : 1px 0px 0px 5px;
    font-size
    : 13px;
    height
    : 18px;
    position
    : relative;
    }
    .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
    {
    margin
    : 0;
    padding
    : 0;
    background-image
    : url(/images/Combox/windows-arrow.gif);
    background-position
    : top left;
    border
    : 0px none;
    height
    : 21px;
    width
    : 21px;
    }
    .WindowsStyle .ajax__combobox_itemlist
    {
    border-color
    : #7F9DB9;
    }
    </style>
    </head>
    <body>

    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
    <asp:ComboBox ID="ComboBox1" runat="server" Width="200px"
    AutoPostBack
    ="false"
    DropDownStyle
    ="DropDown"
    AutoCompleteMode
    ="SuggestAppend"
    CaseSensitive
    ="False"
    CssClass
    ="WindowsStyle"
    ItemInsertLocation
    ="Append">
    </asp:ComboBox>
    </div>
    </form>
    </body>
    </html>

    Do you know how to fetch data from database? here is the source code if you are interested:

    View Code
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Configuration;
    using System.Text;
    using System.Data;
    using System.Data.SqlClient;
    using System.IO;
    using System.Drawing;
    using System.Web.UI.HtmlControls;

    namespace MySite
    {
    public partial class AjaxComboBox : System.Web.UI.Page
    {
    protected void Page_Load(object sender, EventArgs e)
    {
    if (!IsPostBack)
    {
    LoadUsers();
    }
    }

    protected void LoadUsers() {
    string cmdText = "";
    string connString = ConfigurationManager.ConnectionStrings["testConnectionString"].ToString();

    StringBuilder sbuilder
    = new StringBuilder("Select ");
    //sbuilder.AppendLine("ID");
    sbuilder.AppendLine("EMPNO");
    sbuilder.AppendLine(
    ",NAME");
    //sbuilder.AppendLine(",AGE");
    sbuilder.AppendLine("From TEST");

    cmdText
    = sbuilder.ToString();
    DataSet ds
    = new DataSet();
    using (SqlConnection conn = new SqlConnection(connString))
    {
    SqlCommand cmd
    = new SqlCommand(cmdText, conn);
    SqlDataAdapter da
    = new SqlDataAdapter(cmd);
    da.Fill(ds);
    }
    ComboBox1.DataSource
    = ds;
    ComboBox1.DataTextField
    = "NAME";
    ComboBox1.DataValueField
    = "EMPNO";
    ComboBox1.DataBind();
    ComboBox1.Items.Insert(
    0,"");
    }
    }
    }

    Have u got the data you want? :)

  • 相关阅读:
    markdown语法
    基于Vue 使用threejs导入gltf动画模型
    创建Vue项目
    一个简单的特效
    网页五--html插入表格
    网页四--按钮反应
    网页三
    简单的页面
    一个能实现超链接的最简单程序
    计算机基本配置和作用
  • 原文地址:https://www.cnblogs.com/Dannier/p/1985082.html
Copyright © 2011-2022 走看看