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? :)

  • 相关阅读:
    常用的电脑快捷键【转】
    win10关闭自动更新【转】
    JavaScript中双叹号(!!)作用【转】
    javascript中获取dom元素的高度和宽度【转】
    javascript的setTimeout()用法总结,js的setTimeout()方法【转】
    JavaScript sort() 方法使用【转】
    JavaScript slice() 方法使用【转】
    Ball CodeForces
    C. Trailing Loves (or L'oeufs?)
    C
  • 原文地址:https://www.cnblogs.com/Dannier/p/1985082.html
Copyright © 2011-2022 走看看