Questions on UI for ASP.NET MVC Forum

12 answers

4.9K+ views

Textbox value set by jquery is empty on save

Hi,
I set a textbox value from another textbox by jquery like this:

$('input[id="Name"]').live('change keyup', function () {

var urlSegment = $('input[id="UrlSegment"]');

urlSegment.val("Test");

});

I can see the value "Test" in the second textbox but when clicking on save, the posted value is empty.
I think the problem lies along with ajax cause when changing to server binding the value is posted.

The form is generated in a popup by the grid.

How do I solve this?

Regards,
Mattias

Grid

answered on 11 Mar 2021

2 answers

215 views

Format Columns in List

Hello,

I'm using the MultiColumnComboBox as an editor w/in a Telerik Grid. One of the columns in the underlying model I used a display format attribute, [DisplayFormat(DataFormatString = "{0:#,##0.##;(#,##0.##)}")] that isn't coming through in the MultiColumnComboBox dropdown list. A second column is a percentage, [DisplayFormat(DataFormatString = "{0:P3}")] where, again, the display format isn't carried through to the widget. Can you explain to me how I can format the columns of the MultiColumnComboBox, please? I'd also like to align these values to the right. I used the HeaderTemplate to align the header to the right, but the column cell values align to the left.

Regards,

Patrick

MultiColumnComboBox

answered on 11 Mar 2021

3 answers

791 views

SignalR Datasource , reconnect

Hey Guys

What's the approach to use for when clients loose the connection to the Server and they should try and reconnect to the SignalR data source and resync once it's back?

I am using a Grid, but I guess this is a generic question.

Many thanks

Rob

General Discussions

answered on 10 Mar 2021

12 answers

567 views

sorting values inside multi filter checkbox

Hi ,
i want to sort values inside multi checkbox filter dropdown.

here is my grid functionality.

so actually my requirement is if user applies some filters on few columns inside grid. he wants to save his applied filters as default view when he again comes to that page. so here user will clicks save my view button , am saving those filters in database. so when user again comes to that page am loading those filters through java script code. below is my code. the below code is working fine means filters are applying to grid.

if i remove sorting code inside FilterMenuInit then grid is working fine except columns sorting functionality. if i include sorting code inside FilterMenuInit then sum of columns is not working. so i want like sorting multifilter check box values with checked while appling filter values in page load and sum of aggregate columns.

here am attaching image and project code . pls find it.

https://drive.google.com/file/d/1BigmLzF_12b2sFzANGrGWCWaA5j4gcBT/view?usp=sharing

Grid

answered on 09 Mar 2021

2 answers

478 views

How to use List in grid

I have class like

public class TestGrid{<

p>public string col {get;set}

public string col-first{get;set;}

List<Temp> temps {get;set;}

}

public class Temp{

public string Id{get;set;}

public bool IsIt{get;set;}

public bool DoesNeeded{get;set;}

}

How to make Grid from TestGrid?

How to filter by Temp-class column?

Grid

answered on 09 Mar 2021

3 answers

216 views

Close tooltip on click event

I have a chart, with a click event which opens a window with a grid in it. This works fine, but most of the time, the chart tooltip stays visible, on top of the window and grid.

How can I prevent this, either by closing the tooltip before the window opens, or have the window show above the tooltip?

Thanks

Chart

answered on 09 Mar 2021

9 answers

2.2K+ views

Use MultiColumnComboBox as a cell editor

I've found examples how to use the kendo dropdown list as a editor in a column. Can you please provide me an example of how to use a MultiColumnComboBox as a column editor and how you would populate the MultiColumnComboBox in such a use case?

Thank you.

Grid

answered on 08 Mar 2021

1 answer

111 views

Multi-column headers

Hi,

how to find the selected cell header column name from the below example.

https://demos.telerik.com/aspnet-mvc/grid/multicolumnheaders

Grid

answered on 08 Mar 2021

6 answers

148 views

sort multi filter checkbox values

Hi ,
i want to sort values in multi checkbox filter dropdown.
here am attaching image and project code . pls find it.

https://drive.google.com/file/d/1BigmLzF_12b2sFzANGrGWCWaA5j4gcBT/view?usp=sharing

Grid

answered on 07 Mar 2021

5 answers

234 views

Custom validation stops working on Date field

I have a grid containing a Start Date, an End Date, and a notes column. For testing purposes, I added custom validation to check that the notes begins with an upper case letter, and it works just fine in all cases. I added validation to the start date to make sure that the start date doesn't start after the end date, and vice versa for the end date.

The validation for these fields will show properly if I immediately select an invalid value. However, if I select a valid value, and then select an invalid value, the validation message does not show. The editor will not let me move away from the field until it is valid, so that piece is working - it just does not show the message.

I am using Kendo for MVC, with InCell editing.

//register custom validation rules

(function ($, kendo) {

$.extend(true, kendo.ui.validator, {

rules: { // custom rules

notesvalidation: function (input, params) {

if (input.is("[name='Notes']") && input.val() != "") {

input.attr("data-notesvalidation-msg", "Notes error");

return /^[A-Z]/.test(input.val());

}

return true;

},

startdatevalidation: function (input, params) {

if (input.is("[name='StartDate']") && input.val() != "") {

input.attr("data-startdatevalidation-msg", "Start Date needs to be before End Date");

var row = input.closest("tr");

var grid = $('#Grid1').data().kendoGrid;

var dataItem = grid.dataItem(row);

if (dataItem.EndDate == "")

return true;

var result = (new Date(Date.parse(input.val())) <= dataItem.EndDate)

return result;

}

return true;

},

enddatevalidation: function (input, params) {

if (input.is("[name='EndDate']") && input.val() != "") {

input.attr("data-enddatevalidation-msg", "End Date needs to be after Start Date");

var row = input.closest("tr");

var grid = $('#Grid1').data().kendoGrid;

var dataItem = grid.dataItem(row);

if (dataItem.StartDate == "")

return true;

var result = (new Date(Date.parse(input.val())) >= dataItem.StartDate)

return result;

}

return true;

}

},

messages: { //custom rules messages

productnamevalidation: function (input) {

// return the message text

return input.attr("data-val-notesvalidation");

},

startdatevalidation: function (input) {

// return the message text

return input.attr("data-val-startdatevalidation");

},

enddatevalidation: function (input) {

return input.attr("data-val-enddatevalidation");

}

});

})(jQuery, kendo);

Grid

answered on 05 Mar 2021