Text in Filter box in RadGrid

[ramkumar]

Hi All,

I have a requirement of adding text in filter box
i.e adding "Search" keyword in all filter box in grid .
when the user click on textbox of the filter then the text should be empty to enter text to search.


Please advice.

[Princy]

Hello Ram,
Try the following code snippet to achieve your requirement.
C#:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridFilteringItem)
        {
            GridFilteringItem item = (GridFilteringItem)e.Item;
            TextBox txtBox1 = (TextBox)item["OrderID"].Controls[0];
            txtBox1.Attributes.Add("onBlur", "return SetMessage(" + txtBox1.ClientID + ");");
            txtBox1.Attributes.Add("onFocus", "return ClearMessage(" + txtBox1.ClientID + ");");
        }
    }

Javascript:

function ClearMessage(obj)
 {
     if (obj.value == "Search")
         obj.value = "";
 }
 function SetMessage(obj)
 {
     if (obj.value == "")
         obj.value = "Search";
 }

Thanks,
Princy.

[ramkumar]

Thanks for your reply.
Still I cound not see "Search" keyword  in the page load .. when I click on  the Grid i can see the "Search".

Thanks.

[Princy]

Hello Ram,

Here is the sample code that I tried to show the "Search" keyword when page loads.
C#:

protected  void RadGrid1_PreRender(object sender, EventArgs e)
{
   GridFilteringItem fitem=(GridFilteringItem)RadGrid1.MasterTableView.GetItems(GridItemType.FilteringItem)[0];
   TextBox txt = fitem["ColumnUniqueName"].Controls[0] as TextBox;
   txt.Text = "Search";
}

Thanks,
Princy.

[DEBAL]

This is correct answer , but I can't able to implement your java script, but using below it is going ok , what I desired

 protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
        {
            if (e.Item is GridFilteringItem)
            {
                GridFilteringItem item = (GridFilteringItem)e.Item;
                TextBox filter = (TextBox)item["QuestionCode"].Controls[0];
                filter.Text = "--Filter--";
                filter.ToolTip = "Type here your code to do Filter";
                filter.Attributes.Add("onblur", "WaterMark(this, event);");
                filter.Attributes.Add("onfocus", "WaterMark(this, event);");
          }
}

here is the Java Script:

  var defaultText = "--Filter--";
    function WaterMark(txt, evt) {
        if (txt.value.length == 0 && evt.type == "blur") {
            txt.style.color = "gray";
            txt.value = defaultText;
        }
        if (txt.value == defaultText && evt.type == "focus") {
            txt.style.color = "black";
            txt.value = "";
        }
    }