Questions on UI for ASP.NET MVC Forum

3 answers

526 views

[Solved] Set grid event programmatically?

Hi, I was wondering how I could programmatically do this in javascript as I want to make a re-usable javascript function for initializing common grid settings:

.Events(events => events.Change("kendoGridWithCheckboxColumnSelectionOnChange"))

Grid

answered on 07 Jul 2017

1 answer

2.1K+ views

Changing the width of MVC textbox

I have the following textbox defined...

@(Html.Kendo().TextBox().Name("textbox_DataSourceName").HtmlAttributes(new { style = "width:500px;" }))

When it's rendered the width does not change, no matter what size I specify.

General Discussions

answered on 07 Jul 2017

5 answers

1.4K+ views

Kendo mvc grid batch mode dataItem.set clears the dirty flags

When I change an amount, tick the checkbox etc, it triggers some javascript, which includes some code to set another field on the dataItem, so `dataItem.Set ("Amount", 0);`

I can set it using `dataItem.Amount = 0;` , but then I also need to update the contents of the <td> cell. When I do set I obviously don't want the dirty flag clearing from other cells, as I haven't clicked 'Save changes' yet, so they are still 'dirty'.

I can't find any documentation on the .set method. It's as though it is firing other events off.

Any advice would be appreciated.

@(Html.Kendo().Grid<OurViewModel>()

.Name("Grid")

.DataSource(dataSource => dataSource

.Ajax()

.Model(model =>

{

model.Id(a => a.ID);

model.Field(a => a.Reference).Editable(false);

model.Field(a => a.Narrative).Editable(false);

model.Field(a => a.Include).Editable(true);

model.Field(a => a.Amount).Editable(true);

})

.Batch(true)

.Read(read => read.Action("_Read", "Home"))

.Update(update => update.Action("_Update", "Home"))

.ServerOperation(false)

.Events(events =>

{

events.Change("onDataSourceChange");

})

)

.Columns(columns =>

{

columns.Bound(a => a.Reference).Title("Reference");

columns.Bound(a => a.Narrative).Title("Narrative");

columns.Template(@<text></text>).Title("Include?")

.ClientTemplate("<input type='checkbox' #= Include ? checked='checked': '' # onclick='updateAmount(this, \"#= ID#\")' />");

columns.Bound(a => a.Amount).Title("Amount");

})

.Events(events =>

{

events.Save("onSave");

events.SaveChanges("onSaveChanges");

})

.ToolBar(toolbar =>

{

toolbar.Save();

})

.Editable(editable => editable.Mode(GridEditMode.InCell))

)

and the JS.

function updateAmount(cb, ourID) {

var checked = $(cb).is(':checked');

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

var dataItem = grid.dataSource.get(ourID);

dataItem.set("Include", checked);

if (checked) {

dataItem.set("Amount", dataItem.get("OriginalAmount"));

} else {

dataItem.set("Amount", 0);

}

Grid

answered on 07 Jul 2017

5 answers

272 views

Recurring events not sending id to template

I'm currently using a template in my scheduler, and have a button in it that depends on the id of a particular event. This works fine for single events, but I'm running into issues with recurring events. For recurring events, the id is passed to the first instance of the event shown in the scheduler, but 0 is passed to subsequent instances. This seems strange to me since all other fields (like "title") are passed to every instance. This breaks my button, as it relies on that id.

I've attached a screen shot showing the behavior. You can see that, for the recurring events, the title is displayed for every instance, but the id becomes 0 after the first instance.

Can someone explain this behavior to me? Is there a way I can get the event id to be passed to every instance of a recurring event to be used by my template?

Scheduler

answered on 06 Jul 2017

4 answers

269 views

Get value

Hello,

How do you get/read the value of the NumericTextBox right after you copy and paste the value into the box?

Thanks!

NumericTextBox

answered on 06 Jul 2017

6 answers

576 views

Adjusting the End Date and Start date in Gantt control

I have created a Task model in MVC project and populated it from SQL database through databinding. Now when I try to adjust the Task start date or end date on the Gantt I get errors. It seems like the date format retrieved from the Gantt control doesn't match the one to be stored in the SQL database. Also I don't have control over the Update method.

Can anyone help??

Gantt

answered on 06 Jul 2017

4 answers

18.5K+ views

Find A Row in the Grid by Unique ID or Selected

I have seen this code in the documentation on getting the dataItem for a row, in this case the first row:

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// returns the data item for first row
grid.dataItem(grid.tbody.find(">tr:first"));

Three other related questions:

How do I find a dataItem by the selectedRow?
How would I find a certain row by a unique identifier in given cell?
Is it possible to find a row by the dataItem's unique Id, say one set by the dataSource.Model.Id, e.g.:

.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.Model(model => model.Id(u => u.Unique_ID))

Grid

answered on 06 Jul 2017

2 answers

252 views

[Solved] How to get event id in custom editor on document ready?

I'm using a custom editor to incorporate some extra fields we are saving with our events. I am trying to set up the editor so that certain fields are hidden on an event add, but show on an event edit. I'm trying to do this by running some jQuery on document ready of the custom editor, to test if the event id is 0. What I'm finding however, is that on that event, the id is always 0 and it doesn't populate until some time later.

Do you know of any way I can get that id when document ready fires for the custom editor? Or is there another event I can use that would have the appropriate timing to get the id in time to hide those fields?

Please let me know if any code examples would be helpful.

Scheduler

answered on 05 Jul 2017

2 answers

228 views

Custom aggregates with paging

Dear,

We have run into an issue regarding custom footer templates in combination with paging. We have an MVC grid with an Ajax datasource and clientside filtering. So we return a few thousands rows from our controller action, and let the grid control the paging and filtering. So far so good...

However we'd like to add an aggregate for standard deviation. We know how to pass cell values through a javascript function from a ClientTemplate and ClientFooterTemplate. However as you can guess, these functions do only get called for the items on the current page. So our stddev is based on 500 items only (our page size) instead of the complete grid.

Question: since the grid control itself is able to access all of its items while building up the default aggregates (count,min/max etc.) is there a way for us to access these non-visible items as well?

We tried to look at the client grid.dataSource, but this only includes the items on the page. Or is there a property we have overlooked? All items must be somewhere since the grid has uses them too, right?

We'd like to know our options before deciding to move to server side filtering, because that's quite a change from how we envisioned our app to work..

Thanks in advance!

Grid