Questions on UI for ASP.NET MVC Forum

1 answer

359 views

How can I hide the "Add Task" button but still keep the Gantt Chart editable?

I am attempting to keep the Gantt Chart editable, but remove the ability to create new tasks/child entries.

I have tried adding this CSS and it did not work:

  .k-gantt-actions .k-button {
            visibility: hidden;
        }

The button still shows.

Any help?

Gantt

answered on 19 Jan 2022

1 answer

129 views

How can I disable automatic default filtering on the Grid?

In the grid control I want to do GridFilterMode.Row filtering but to increase performance I want to remove the auto complete and default filtering. How can I disable that option and just make it a manual filter only?

Filter

answered on 19 Jan 2022

1 answer

328 views

Best practices for source files added via the NuGet package

We've added the Telerik.UI.for.AspNet.Mvc4.2021.3.1207 NuGet package to our project and I was wondering what the best practices are for excluding unneeded content from publishing. There is a folder called 2021.3.1207-source which by default is published with all the other content that the NuGet package has added. So far we have manually marked the content to not be included when published in our build pipelines, but we're wondering if there is a more standard way of doing this? Is there a NuGet package which excludes the source folder?

In addition to this, is there a preferred method of excluding themes from a project? Again we can manually remove them or mark them to not be published, but I was wondering if there is a suggested way to configure what is and isn't included.

Many thanks

General Discussions

answered on 19 Jan 2022

1 answer

130 views

Grid edit drop-down default to current cell value

I'm using a kendo UI grid for MVC and I've managed to create a dropdown for a field in the grid using an editor template. The only problem is that the drop-down does not default to the value that is currently in the field. Can someone explain how to do this or point me to a demo? Thanks.

Grid

answered on 18 Jan 2022

0 answers

99 views

Incell editing with a foreign key dropdown list

I have a grid, with in-cell editing where only one field is editable, which is a foreign key field with a dropdown list. The grid is set to autosync, and batch mode is off.

This works fine, updating the records after an option is selected from the dropdown list. However, on the server-side I have implemented some consistency checks, to see if a user updates a record after it has been updated by another user, but before their grid was refreshed. This works, and I can get an error message displayed.

However, what I need to happen once an error occurs, is for the record to be reset back to its original state. At the moment, the selected item on the dropdown list is shown, along with a dirty flag. I have tried calling a datasource read on the grid, but this isn't called.

How can I reset the grid after an error?

The code is :-

@(Html.Kendo().Grid<RightToResideAudit.Models.RightToResideList>()
.Name("Grid")
//.Events(e => e.Edit("onEdit"))
.Columns(col =>
{
col.Bound(o => o.ID).Title("ID");
col.Bound(o => o.PatientID).Title("Patient ID");
col.Bound(o => o.PatientName).Title("Patient Name");
col.Bound(o => o.Site).Title("Site");

col.ForeignKey(p => p.ReasonID, (System.Collections.IEnumerable)ViewData["reasons"], "ID", "Reason")
.Title("Reason").Width(250);

//col.Command(command => { command.Edit(); command.Destroy(); });

})

.Editable(editable => editable
.Mode(GridEditMode.InCell))
.DataSource(ds => ds
.Ajax()
.Events(events => events.Error("errorHandler"))
.AutoSync(true)
.Batch(false)

.Model(m =>

{ m.Id(p => p.ID);
m.Field(p => p.ID).Editable(false);
m.Field(p => p.PatientID).Editable(false);
m.Field(p => p.PatientName).Editable(false);
m.Field(p => p.Site).Editable(false);
m.Field(p => p.Ward).Editable(false);
m.Field(p => p.BedSpace).Editable(false);
m.Field(p => p.CurrentLOS).Editable(false);
m.Field(p => p.LOSGroup).Editable(false);
m.Field(p => p.Pathway).Editable(false);
m.Field(p => p.LastFlaggedAsR2R).Editable(false);

})
//.Events(events => events.Error("error"))
.PageSize(15)
.Read(rd => rd.Action("RD_RightToResideList", "Home").Data("filter")

)
.Create(create => create.Action("NA", "Home"))
.Update(update => update.Action("UpdateRecord", "Home"))
.Destroy(delete => delete.Action("NA", "Home"))
)
.Pageable(p => p.Refresh(true))
.Sortable()
.Filterable()
)

</div>

<script type="text/javascript">

function filter()
{
return {
AuditNumber: 1
};

}

function errorHandler(e) {
if (e.errors) {
var message = "Errors:\n";
$.each(e.errors, function (key, value) {
if ('errors' in value) {
$.each(value.errors, function () {
message += this + "\n";
});
}
});

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

grid.one("dataBinding", function (e) {

e.preventDefault(); // cancel grid rebind if error occurs
$("Grid").data("kendoGrid").dataSource.read();

});
alert(message);

}
}
</script>

Grid

asked on 18 Jan 2022

2 answers

137 views

Telerik MVX - Spreadsheet Component: Copy-Paste of numbers with hidden decimals

Hello,

we would like to know if there is a way to allow the users copy the full value of a number with decimals and not only the value that is visible form the front end (in the following scenarios 13 decimals as you can see from the formula bar and 3 decimals as format).

Below you can see a spreadsheet component in which the numbers displayed are declared as decimals, in the formula bar you can see the real value of the number with 13 decimals, while I've highlighted the cell of interest in the print (cell L25) that as you can see has 3 decimals.

When coping the cell L25 and trying to paste it in the same spreadsheet component (for example S15) the number pasted is formatted the same way of the original cell and in the formula bar I find the same decimals of the original cell; instead in the moment i try to copy the number in an other spreadsheet component that is in one other page, the pasted number is formatted the same way of the original one, so 3 decimals but I find also just 3 decimals visible from the formula bar instead of the original 13 decimals.

Can you please provide an explanation related to this behavior? How can we arrange that the paste action of values with decimals keep the same format of the original selection and also in the formula bar the same decimals too?

Thanks,

Spreadsheet

answered on 18 Jan 2022

0 answers

146 views

Nested grid popup editing

The data is displayed in my nested grid (binds to the main grid's collection property) inside the main grid's editor template. But when I try to add/update the data the editor template is found but not displayed correctly. For some reason it just shows 0 instead of the editor template content. What could be the problem here?

p.s. Found this on the forum:

When you are trying to load a helper that will contain templates in another template (in this case the Popup template of the main Grid), you need to ensure that you are calling the ToClientTemplate method over the nested helpers. This should resolve the escaping in the templates and it should resolve the problem that you are facing

So I've added ToClientTemplate() to my nested grid & tried adding it to the helpers inside the nested grid's popup editor but this changes nothing,the problem is the same.

Grid

updated question on 18 Jan 2022

1 answer

350 views

In DropDownTreeFor the selected item id isn't binding to the view model property

I have this inside my grid popup editor view:

@model App.UI.Web.Models.SuitViewModel
 
@(Html.Kendo().DropDownTreeFor(x => x.subjectid)
                    .Name("subjectsDDT")
                    .HtmlAttributes(new { style = "width: 500px;" })
                    .DataSource(ds =>
                        ds.Read("ReadDropDownTreeSubjects", "BaseDirectory")
                    )
                    .Placeholder("Select subject...")
                    .Filter("contains")
                    .DataTextField("name")
                    .DataValueField("id")
                    .ValuePrimitive(true)
                    .ClearButton(false)
                    .Events(ev => ev.Select("watch"))
    )

The subjectid property of SuitViewModel view model must be equal to the id of the item selected in the dropdowntree but i always receive 0 in my controller. Where is the problem here?

DropDownTree

answered on 17 Jan 2022

1 answer

643 views

Editor - Uncaught DOMException while html attributes processing if the attribute has value " on"

Hello,

I'm using Kendo Editor to handle the rich text content. We have a strange issue when the pasted html contains the attribute value with the keyword " on". Please find below the description.

Copy the content from external source (I have copied form G Sheets). Please find below:

There is no issue while pasting the content. Pasted content displays properly.
Save the form and load the data from database, there is the below issue in the browser console.

Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': 'k-script-once"}"' is not a valid attribute name.

Problem appears to be in the function "_preventScriptExecution" and the statement : this.setAttribute('k-script-' + name, attribute.value);

Note: This issue happens ONLY when we have html and the attributes are having the keyword " on" (“space” followed by text “on”)

Example:

attribute="{"key":" on"}"

data-sheets-value="{"2":"Just once"}"

I have attached the sample screenshots and the html input data.

Could you please let me know if there is a fix for this issue?

Thanks in advance for your feedback.

Regards,

Puru

Editor

answered on 17 Jan 2022

1 answer

312 views

How to pass parameters to javascript function from .Action .Data method

I know how to call a client-side javascript function to get parameters to pass to the the controller for the various actions of a grid. But what if I need to call a javascript function that itself takes a parameter? How to I pass a value from the grid's action, data methods to the javascript function?

Thank you in advance for your advice.

//grid setup...

  .Create(update => update.Action("Add", "MyController).Data("GetParams"))
  .Update(update => update.Action("Update", "MyController").Data("GetParams"))
...

function GetParams(fSomeFlag) {
  var retVal;
  if (fSomeFlag = true)
    retVal = "someValForCreate";
  else
    retVal = "someValForUpdate";

    return {
        param1 : retVal,
        param2: "someOtherValue"
    };

Grid

answered on 17 Jan 2022