Quantcast
Channel: Telerik Forums RSS
Viewing all articles
Browse latest Browse all 84751

Filter menu customization with a DropDownList using DataTextField and DataValueField

$
0
0

 I'm using Razor. Here is an example that displays the problem using version 2015.3.930 (tested with IE10 and latest Firefox and Chrome).

View:

@(Html.Kendo().Grid<TelerikMvc5App1.Models.TestDataModel>()
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(e => e.FirstName);
        columns.Bound(e => e.LastName);
        columns.Bound(e => e.State)
            .Filterable(filterable => filterable.UI("stateFilterUsingModel"));
    })
    .Filterable(filterable => filterable
        .Extra(false)
        .Operators(operators => operators
            .ForString(str => str
                .Clear()
                .StartsWith("Starts with")
                .IsEqualTo("Is equal to")
                .IsNotEqualTo("Is not equal to")
            )
        )
    )
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("TestData_Read", "FilterMenuCustomization"))
    )
)
<script type="text/javascript">
    function stateFilterUsingModel(element) {
        element.kendoDropDownList({
            dataTextField: "Name",
            dataValuefield: "Name",
            dataSource: {
                transport: {
                    read: "@Url.Action("FilterMenuCustomization_StatesUsingModel")"
                }
            },
            optionLabel: "--Select Value--"
        });
    }
</script>

Controller:

namespaceKendo.Mvc.Examples.Controllers
{
    publicclassFilterMenuCustomizationController : Controller
    {
        publicActionResult Index()
        {
            returnView();
        }
        publicActionResult TestData_Read([DataSourceRequest] DataSourceRequest request)
        {
            var list = newList<TestDataModel>();
            list.Add(newTestDataModel {
                FirstName = "Jane",
                LastName = "Doe",
                State = "Oregon"
            });
            list.Add(newTestDataModel {
                FirstName = "John",
                LastName = "Doe",
                State = "Oregon"
            });
            list.Add(newTestDataModel
            {
                FirstName = "Jimmy",
                LastName = "John",
                State = "Washington"
            });
            returnJson(list.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
        }
        publicActionResult FilterMenuCustomization_StatesUsingModel()
        {
            var list = newList<TestLookupModel>();
            list.Add(newTestLookupModel("Oregon"));
            list.Add(newTestLookupModel("Washington"));
            list.Add(newTestLookupModel("Idaho"));
            list.Add(newTestLookupModel("California"));
            list.Add(newTestLookupModel("Nevada"));
            returnJson(list, JsonRequestBehavior.AllowGet);
        }
 
    }
}

Model:

namespaceTelerikMvc5App1.Models
{
    publicclassTestLookupModel
    {
        publicTestLookupModel(stringname)
        {
            Name = name;
        }
        publicstringName { get; set; }
    }
}

 


Viewing all articles
Browse latest Browse all 84751

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>