How to implement Secondary Search on Kendo Grid column
I am new to Kendo UI widgets and have a question regarding sorting.
I have a Kendo grid with default sorting assigned to one column on databound.
When the user sorts another column, the default sorting would go and the grid would get sorted based on the user selected column.
My requirement is, when the user selects a different column to sort, the default column should also get sorted i.e., secondary sort should be applied on the default column.
Below are the code snippets,
Sorting is applied on the datasource,
@(Html.Kendo().Grid<DeviceDetails_VM>()
.Name("griddeviceDetail")
.HtmlAttributes(new { style = "auto; " })
.Events(e =>e.Edit("OnColumnEdit").ColumnReorder("onColumnReorder").ColumnResize("onColumnResize").DataBinding("onDataBinding").DataBound("onDataBound"))
.Editable(editable => editable.Mode(GridEditMode.InCell))
.ColumnMenu(s => { s.Filterable(true); s.Sortable(true); })
.Columns(columns =>
{
columns.Bound(x => x.PK_AllAssetID);
}.Sortable()
.DataSource(datasource => dataSource
.Ajax()
.Sort(x => x.Add(PK_AllAssetID).Order(Descending))
.PageSize(25))
There are huge number of columns in the grid. I did not add them to aid readability.
Where should I apply secondary sort? Any help would be appreciated.
user-interface kendo-ui grid
add a comment |
I am new to Kendo UI widgets and have a question regarding sorting.
I have a Kendo grid with default sorting assigned to one column on databound.
When the user sorts another column, the default sorting would go and the grid would get sorted based on the user selected column.
My requirement is, when the user selects a different column to sort, the default column should also get sorted i.e., secondary sort should be applied on the default column.
Below are the code snippets,
Sorting is applied on the datasource,
@(Html.Kendo().Grid<DeviceDetails_VM>()
.Name("griddeviceDetail")
.HtmlAttributes(new { style = "auto; " })
.Events(e =>e.Edit("OnColumnEdit").ColumnReorder("onColumnReorder").ColumnResize("onColumnResize").DataBinding("onDataBinding").DataBound("onDataBound"))
.Editable(editable => editable.Mode(GridEditMode.InCell))
.ColumnMenu(s => { s.Filterable(true); s.Sortable(true); })
.Columns(columns =>
{
columns.Bound(x => x.PK_AllAssetID);
}.Sortable()
.DataSource(datasource => dataSource
.Ajax()
.Sort(x => x.Add(PK_AllAssetID).Order(Descending))
.PageSize(25))
There are huge number of columns in the grid. I did not add them to aid readability.
Where should I apply secondary sort? Any help would be appreciated.
user-interface kendo-ui grid
add a comment |
I am new to Kendo UI widgets and have a question regarding sorting.
I have a Kendo grid with default sorting assigned to one column on databound.
When the user sorts another column, the default sorting would go and the grid would get sorted based on the user selected column.
My requirement is, when the user selects a different column to sort, the default column should also get sorted i.e., secondary sort should be applied on the default column.
Below are the code snippets,
Sorting is applied on the datasource,
@(Html.Kendo().Grid<DeviceDetails_VM>()
.Name("griddeviceDetail")
.HtmlAttributes(new { style = "auto; " })
.Events(e =>e.Edit("OnColumnEdit").ColumnReorder("onColumnReorder").ColumnResize("onColumnResize").DataBinding("onDataBinding").DataBound("onDataBound"))
.Editable(editable => editable.Mode(GridEditMode.InCell))
.ColumnMenu(s => { s.Filterable(true); s.Sortable(true); })
.Columns(columns =>
{
columns.Bound(x => x.PK_AllAssetID);
}.Sortable()
.DataSource(datasource => dataSource
.Ajax()
.Sort(x => x.Add(PK_AllAssetID).Order(Descending))
.PageSize(25))
There are huge number of columns in the grid. I did not add them to aid readability.
Where should I apply secondary sort? Any help would be appreciated.
user-interface kendo-ui grid
I am new to Kendo UI widgets and have a question regarding sorting.
I have a Kendo grid with default sorting assigned to one column on databound.
When the user sorts another column, the default sorting would go and the grid would get sorted based on the user selected column.
My requirement is, when the user selects a different column to sort, the default column should also get sorted i.e., secondary sort should be applied on the default column.
Below are the code snippets,
Sorting is applied on the datasource,
@(Html.Kendo().Grid<DeviceDetails_VM>()
.Name("griddeviceDetail")
.HtmlAttributes(new { style = "auto; " })
.Events(e =>e.Edit("OnColumnEdit").ColumnReorder("onColumnReorder").ColumnResize("onColumnResize").DataBinding("onDataBinding").DataBound("onDataBound"))
.Editable(editable => editable.Mode(GridEditMode.InCell))
.ColumnMenu(s => { s.Filterable(true); s.Sortable(true); })
.Columns(columns =>
{
columns.Bound(x => x.PK_AllAssetID);
}.Sortable()
.DataSource(datasource => dataSource
.Ajax()
.Sort(x => x.Add(PK_AllAssetID).Order(Descending))
.PageSize(25))
There are huge number of columns in the grid. I did not add them to aid readability.
Where should I apply secondary sort? Any help would be appreciated.
user-interface kendo-ui grid
user-interface kendo-ui grid
asked Nov 25 '18 at 5:01
Sushma SSushma S
1
1
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
There is an example on Telerik's demo pages: https://demos.telerik.com/kendo-ui/grid/sorting. And that's the documentation for this feature: https://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/GridBuilder#methods-Sortable(System.Action%3CKendo.Mvc.UI.Fluent.GridSortSettingsBuilder%3CT%3E%3E)
This allows the user to sort by multiple columns by himself.
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53464790%2fhow-to-implement-secondary-search-on-kendo-grid-column%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
There is an example on Telerik's demo pages: https://demos.telerik.com/kendo-ui/grid/sorting. And that's the documentation for this feature: https://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/GridBuilder#methods-Sortable(System.Action%3CKendo.Mvc.UI.Fluent.GridSortSettingsBuilder%3CT%3E%3E)
This allows the user to sort by multiple columns by himself.
add a comment |
There is an example on Telerik's demo pages: https://demos.telerik.com/kendo-ui/grid/sorting. And that's the documentation for this feature: https://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/GridBuilder#methods-Sortable(System.Action%3CKendo.Mvc.UI.Fluent.GridSortSettingsBuilder%3CT%3E%3E)
This allows the user to sort by multiple columns by himself.
add a comment |
There is an example on Telerik's demo pages: https://demos.telerik.com/kendo-ui/grid/sorting. And that's the documentation for this feature: https://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/GridBuilder#methods-Sortable(System.Action%3CKendo.Mvc.UI.Fluent.GridSortSettingsBuilder%3CT%3E%3E)
This allows the user to sort by multiple columns by himself.
There is an example on Telerik's demo pages: https://demos.telerik.com/kendo-ui/grid/sorting. And that's the documentation for this feature: https://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/GridBuilder#methods-Sortable(System.Action%3CKendo.Mvc.UI.Fluent.GridSortSettingsBuilder%3CT%3E%3E)
This allows the user to sort by multiple columns by himself.
answered Nov 26 '18 at 7:20
Carsten FrankeCarsten Franke
7881523
7881523
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53464790%2fhow-to-implement-secondary-search-on-kendo-grid-column%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown