2015-06-23 2 views
0

У меня есть подключенная база данных SQL Server в Visual Studio и отображаю ее содержимое в сетке. Я создал раскрывающееся меню с именами столбцов в качестве выбираемых параметров и текстовое поле для фильтрации для определенного контента, например DropDown = «Пуск» - Textfield = 14.03.2015 = Фильтрация столбца «Пуск» для каждой записи, которая содержит «14.03.2015 "- и отобразите его в сетке.Водяной знак в текстовом поле C#/cs/aspx

Чтобы сделать использование более интуитивно понятным, я хотел бы отображать текст типа «dd.mm.yyyy», когда, например, выбрана опция из раскрывающегося списка, для которой требуется дата в качестве ввода в моем текстовом поле.

Сетка выглядит следующим образом: http://abload.de/img/untitled123yqkyn.png

Ниже вы можете найти свой код для сетки:

<asp:DropDownList ID="DropDownList1" runat="server"> 
    <asp:ListItem>Organizer</asp:ListItem> 
    <asp:ListItem>Room</asp:ListItem> 
    <asp:ListItem>Creation Time</asp:ListItem> 
    <asp:ListItem>Start</asp:ListItem> 
    <asp:ListItem>End</asp:ListItem> 
    <asp:ListItem>Last Modified</asp:ListItem> 
    </asp:DropDownList> &nbsp; 

    <asp:TextBox ID="TextBox1" runat="server" Width="315px"></asp:TextBox> &nbsp; 



    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Search" Width="100px"/> &nbsp; 
    <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Reset Search" Width="100px"/> 
    <br/> 
    <br/> 

    <asp:GridView ID="GridView1" runat="server" GridLines="Both" BorderColor="White" BorderStyle="Solid" CellPadding="4" ForeColor="#333333" AutoGenerateColumns="False" DataKeyNames="ID" DataSourceID="SqlDataSource1" AllowSorting="True" pagesize="1000" AllowPaging="True" HorizontalAlign="Center" OnSelectedIndexChanged="GridView1_SelectedIndexChanged"> 
    <AlternatingRowStyle BackColor="White"/> 

     <Columns> 
     <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" ReadOnly="True" SortExpression="ID" ItemStyle-HorizontalAlign="Center" ItemStyle-BorderColor="White"/> 
     <asp:BoundField DataField="Organizer" HeaderText="Organizer" SortExpression="Organizer" ConvertEmptyStringToNull="False" HtmlEncode="False" HtmlEncodeFormatString="False" InsertVisible="False" ItemStyle-BorderColor="White"/> 
     <asp:BoundField DataField="Room" HeaderText="Room" SortExpression="Room" ItemStyle-BorderColor="White"/> 
     <asp:BoundField DataField="DateTimeCreated" HeaderText="Creation Time" SortExpression="DateTimeCreated" ItemStyle-BorderColor="White"/> 
     <asp:BoundField DataField="Start" HeaderText="Start" SortExpression="Start" ItemStyle-BorderColor="White"/> 
     <asp:BoundField DataField="End" HeaderText="End" SortExpression="End" ItemStyle-BorderColor="White"/> 
     <asp:BoundField DataField="LastModifiedTime" HeaderText="Last Modified" SortExpression="LastModifiedTime" ItemStyle-BorderColor="White"/> 
     <asp:CheckBoxField DataField="Cancelled" HeaderText="Cancelled" SortExpression="Cancelled" ItemStyle-HorizontalAlign="Center" ItemStyle-BorderColor="White"/> 
     </Columns> 

    <EditRowStyle BackColor="#2461BF"/> 
    <FooterStyle BackColor="#E1000F" Font-Bold="True" ForeColor="White"/> 
    <HeaderStyle BackColor="#E1000F" Font-Bold="True" ForeColor="White" Font-Underline="false"/> 
    <PagerStyle BackColor="#E1000F" ForeColor="White" HorizontalAlign="Center"/> 
    <RowStyle BackColor="#F9F9F9"/> 
    <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333"/> 
    </asp:GridView> 

    <asp:SqlDataSource ID="xyz" runat="server" ConnectionString="<%$ ConnectionStrings:xyz %>" SelectCommand="SELECT * FROM [xyz]"></asp:SqlDataSource> 
</center> 

И в C# код, я использую для фильтрации сетки:

protected void Page_Load(object sender, EventArgs e) 
{ 

} 

protected void Button1_Click(object sender, EventArgs e) 
{ 

    string FilterExpression = string.Empty; 
    if (DropDownList1.SelectedValue.ToString().Equals("Start")) 
    { 

     FilterExpression = string.Format("Start >= '{0} 0:00:00' AND Start <= '{0} 23:59:59'", TextBox1.Text); 
    } 

    else if (DropDownList1.SelectedValue.ToString().Equals("End")) 
    { 

     FilterExpression = string.Format("End >= '{0} 0:00:00' AND End <= '{0} 23:59:59'", TextBox1.Text); 
    } 

    else if (DropDownList1.SelectedValue.ToString().Equals("Creation Time")) 
    { 

     FilterExpression = string.Format("DateTimeCreated >= '{0} 0:00:00' AND DateTimeCreated <= '{0} 23:59:59'", TextBox1.Text); 
    } 

    else if (DropDownList1.SelectedValue.ToString().Equals("Last Modified")) 
    { 

     FilterExpression = string.Format("LastModifiedTime >= '{0} 0:00:00' AND LastModifiedTime <= '{0} 23:59:59'", TextBox1.Text); 
    } 

    else 
    { 

     FilterExpression = string.Concat(DropDownList1.SelectedValue, " Like '%{0}%'"); 
    } 

    SqlDataSource1.FilterParameters.Clear(); 
    SqlDataSource1.FilterParameters.Add(new ControlParameter(DropDownList1.SelectedValue, "TextBox1", "Text")); 
    SqlDataSource1.FilterExpression = FilterExpression; 
} 

protected void Button2_Click(object sender, EventArgs e) 
{ 

    TextBox1.Text = string.Empty; 
    SqlDataSource1.FilterParameters.Clear(); 
} 

protected void ImageButton_Click(object sender, EventArgs e) 
{ 

    TextBox1.Text = string.Empty; 
    SqlDataSource1.FilterParameters.Clear(); 
} 

Я бы хотел, чтобы он был прикреплен к if/else if Statments. Но мне просто не хватает знаний о том, как это сделать. Что-то вроде этого:

if (DropDownList1.SelectedValue.ToString().Equals("Start")) 
     { 

     Displaywatermark ("dd.mm.yyyy"); 
     FilterExpression = string.Format("Start >= '{0} 0:00:00' AND Start <= '{0} 23:59:59'", TextBox1.Text); 
     } 
+0

см это http://stackoverflow.com/questions/20689890/add-html5-placeholder-text-to-a-textbox-net –

+0

Я хотел бы использовать свойство заполнитель HTML. – Gino

ответ

0

Вы можете использовать MaskedEdit Validator из AjaxControlToolkit. Он устанавливает предопределенный формат для вашего текстового поля и не позволяет пользователю вводить что-либо другое. Я использовал этот элемент управления в одном из моих проектов, и он работает как шарм. Поведение элемента управления отображается в javascript во время выполнения и обеспечивает плавный пользовательский интерфейс без обратной передачи на сервер.

Для получения более подробной информации - http://www.ajaxcontroltoolkit.com/MaskedEdit/MaskedEdit.aspx

Смежные вопросы