Questions on UI for ASP.NET MVC Forum

3 answers

905 views

Hi,

I'm trying to add a custom command to a grid. The goal is to show me the details of a record, so I need to pass the Id to my controller.
In the help I've found the following syntax:
.Action(actionName, controllerName, routeValues);

How do I add a my record Id to "routeValues"? I can't find an example.

I would like something like this:
....
columns.Bound(c => c.TopChar1);
columns.Command(command => command.Custom("Details").Action("Details", "Pres", new { Id = ????? }));
....

So far, I've only found a workaround using a javascript combined with Custom("Details").Click("function").

Thx

Grid

answered on 27 May 2014

1 answer

73 views

Grid

How to apply telerik tool on 1 lakh records.

Grid

answered on 26 May 2014

2 answers

172 views

arrow icon?

Hi,

Something went wrong with my Kendo UI Grid.

Miss something in css?

Grid

answered on 26 May 2014

1 answer

145 views

Ajax DropDown with javascript parameter

we have an EditorTemplate which is:

1.<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<int?>" %>

2.<%= this.Html.Kendo().DropDownList().DataSource(ds => ds.Read(read => read.Action("GetListPort","AjaxCombo")))

3..Name(this.ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty))

4..HtmlAttributes(new { style = "width:99%;" })

5.%>

this is kind of a cascade, but as it used in multiples page, and some pages this is used twice.
I want to refresh after changing another combo or radio button.

in Telerik MVC Extensions we had something like this:

1.function onDropDownDataBinding(e) {

2. var val1 = $('#First').data('tDropDownList').value();

3. e.data = $.extend({}, e.data, {parameter: val1});

4.}

In other page, val1 would be from $('#Other').data('tDropDownList').value()

How can we do this for Kendo UI DropDownList?

thanks,
Ezequiel

DropDownList

answered on 23 May 2014

3 answers

450 views

[Solved] ClientTemplate action button does not render

I have a grid populated by data from ViewData, and the grid has a column containing an Edit button. The problem is that the ClientTemplate that defines the Edit button is not showing the input button, rather it just shows the Id number as plain text. I've used this same Edit button in another grid that is populated by a model, and it works fine.

Any ideas? Thanks. Dan

@(Html.Kendo().Grid((IEnumerable<Catheter>)ViewData["catheters"])

.Name("CatheterGrid")

.Columns(columns =>

{

columns.Bound(e => e.CatheterType.Name).Title("Type");

columns.Bound(e => e.EffectiveDate).Title("Placed On").Format("{0:d}");

columns.Bound(e => e.DiscontinuedOn).Title("Discontinued On");

columns.Bound(e => e.Manufacturer.Name).Title("Manufacturer");

columns.Bound(e => e.ClinicianDisplayName).Title("Clinician");

columns.Bound(e => e.Id).Hidden();

columns.Bound(e => e.Id).ClientTemplate(

"<a href='" + Url.Action("EditCatheter", Controllers.Patient) + "/#= Id #'" + "class='btn btn-sm'>Edit</a>"

).Width(80).Title("");

})

.Pageable(pageable => pageable

.PageSizes(true).PageSizes(new int[] { 20, 50, 100 })

.ButtonCount(5))

.Sortable()

.Filterable()

.Scrollable()

.ClientDetailTemplateId("template")

.ToolBar(toolbar =>

{

toolbar.Template(@<text>

<div style="float:right">

<a href='@Url.Action("EditCatheter", Controllers.Patient)/0' class='btn btn-sm'>New</a>

</div>

</text>);

})

)

Grid

answered on 23 May 2014

3 answers

513 views

How to use as the datasource a property (field) of the result (Kendo Grid)

Hi All,

I am creating the grid via javascript. The datasource is connected directly to the webservice. An example of the webservice result is the following:
[ { col1: "",
col2: "",
Items: [ { ....} }
}]

Instead of using the main result like col1 and col2 I need to use the Items. How can I specify that using the example below?

var locationItems = $("#grid").kendoGrid({
    columns: lockedGridColumns(),
    height: 500,
    scrollable: true,
    sortable: true,
    filterable: true,
    pageable: true,
    //reorderable: true,
    //resizable: true,
    autoBind: false
}).data("kendoGrid");

function getItems(locationId) {
    if (locationId == null) {
        locationId = 0;
    }

var dataSource = new kendo.data.DataSource(locationId != 0 ?
            {
                transport: {
                    read: {
                        dataType: "json",
                        url: "api/items/getlocationitems?locationID=" + locationId
                    }
                },
                pageSize: 25
            } :
            {
                data: [],
                pageSize: 25
            });

locationItems.setDataSource(dataSource);
    locationItems.dataSource.read();
}

Grid

answered on 23 May 2014

0 answers

134 views

Binding Large Data To Grid

how to bind 1 lakh records using telerik tool in mvc5.

Grid

asked on 23 May 2014

1 answer

947 views

Problem binding to ViewData

I have a Razor page with a Kendo grid, trying to bind to ViewData. The page is showing a syntax problem on the @(Html.Kendo().Grid line as shown below. I can't figure out why the page won't render. This is just like the example at
http://docs.telerik.com/kendo-ui/getting-started/using-kendo-with/aspnet-mvc/helpers/grid/server-binding

Dan

Controller code:

public ActionResult PatientMedInfo(long id)

{

IContextManager contextManager = ManagerConfig.GetManagerForUser(Session[SessionItems.AuthenticatedUser] as DHS.Entities.IDHSPrincipal);

IWorkContext workContext = contextManager.Begin();

DHS.Entities.Patient patient = workContext.GetPatientManager().GetById(id);

ICollection<DHS.Entities.PatientCatheter> catheterlog = workContext.GetPatientManager().FindCatheters(patient);

IEnumerable<Catheter> cats = catheterlog.Select(cat => new Catheter

{

Id = cat.Id,

CatheterType = cat.CatheterType,

EffectiveDate = cat.EffectiveDate,

DiscontinuedOn = cat.DiscontinuedOn,

Manufacturer = cat.Manufacturer,

Clinician = cat.Clinician

}).OrderBy(x => x.EffectiveDate);

ViewData["catheters"] = cats;

return View(Views.EmployeeMedInfo, CPR.WebPortal.Models.PatientMedInfo.Populate(workContext, workContext.GetPatientManager().GetById(id)));

}

Razor page:

@model PatientMedInfo

@(Html.Kendo().Grid((IEnumerable<Catheter>)ViewData["catheters"])

.Name("CatheterGrid")

.Columns(columns =>

{

columns.Bound(e => e.CatheterType.Name).Title("Type");

columns.Bound(e => e.EffectiveDate).Title("Placed On").Format("{0:d}");

columns.Bound(e => e.DiscontinuedOn).Title("Discontinued On");

columns.Bound(e => e.Manufacturer.Name).Title("Manufacturer");

columns.Bound(e => e.ClinicianDisplayName).Title("Clinician");

columns.Bound(e => e.Id).Hidden();

columns.Bound(e => e.Id).ClientTemplate(

"<a href='" + Url.Action("EditCatheter", Controllers.Patient) + "/#= Id #'" + "class='btn btn-sm'>Edit</a>"

).Width(80).Title("");

})

.Pageable(pageable => pageable

.PageSizes(true).PageSizes(new int[] { 20, 50, 100 })

.ButtonCount(5))

.Sortable()

.Filterable()

.Scrollable()

.ClientDetailTemplateId("template")

.ToolBar(toolbar =>

{

toolbar.Template(@<text>

<div style="float:right">

<a href='@Url.Action("EditCatheter", Controllers.Patient)/0' class='btn btn-sm'>New</a>

</div>

</text>);

})

Grid

answered on 22 May 2014

1 answer

304 views

Input mask on texbox inside a Grid

Hello,

I'm using a Grid in line edit mode to edit a list of contacts and I'm looking for a way to set a mask on the phone number and email.

Grid

answered on 22 May 2014

2 answers

183 views

[Solved] Grid and Custom Templates

Hi guys, I have a couple of question regarding custom templates inside a grid.

Simpliest of all: Is it possible to have a single save button for add action without enabling edit mode?
In other words, I'd like to allow add and delete from my grid; not edit.
and I'd like to save after each add.
If I don't define the edit action (and edit transport url) I can't see any save button...
Am I doing something wrong??

now for the main question...
First of all I have to say that I'm using EF and I set it so that foreing keys are not included in the model to keep it simple and clean
(istead of having a int foireign_key_id and a class foreign_class, I just have the class in my model)

now I have a view to edit a model; this model has some list in it..

public int ID { get; set; }

public string NAME { get; set; }

public string DESCRIPTION { get; set; }

public virtual ICollection<OBJECT_ACCESS_T006> OBJECT_ACCESS_T006 { get; set; }

public virtual ICollection<ROLE_FUNCTION_T010> ROLE_FUNCTION_T010 { get; set; }

public virtual ICollection<USER_ROLE_T007> USER_ROLE_T007 { get; set; }

I'm working with User_Role list...
in my view I normally edit the first two fields and then I user a grid for the list..like this.

@(Html.Kendo().Grid<ROLE_FUNCTION_T010>(Model.ROLE_FUNCTION_T010)

.Name("Grid")

.ToolBar(commands => { commands.Create().Text(AcsViewRes.BtnNewFunct); })

.Columns(columns =>

{

columns.Bound(c => c.ID).Visible(false);

columns.ForeignKey("FUNCTION_T008", ViewBag.FunctionsList).ClientTemplate("#: data.FUNCTION_T008 ? FUNCTION_T008.NAME : '" + "empty" + "'#");

columns.Command(command => { command.Destroy().Text(AcsViewRes.SaveDestroy); command.Edit(); });

})

.Pageable()

.Sortable()

.Filterable()

.Editable(mode => mode.Mode(GridEditMode.InLine))

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(5)

.ServerOperation(false)

.Model(model =>

{

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

model.Field(v => v.FUNCTION_T008).DefaultValue(ViewBag.DefaultFunction);

})

.Update(r => r.Action("LinkFunction", "Function"))

.Create(r => r.Action("LinkFunction", "Function"))

.Destroy(r => r.Action("RemoveFunction", "Function"))

)

(as you can see from this code, the first question is related to this grid)
anyway, ma sub model (USER_ROLE_T007) is:

[Key]

public int ID;

[UIHint("FunctionDropDownTemplate")]

public FUNCTION_T008 FUNCTION_T008;

@model FUNCTION_T008

@(

Html.DropDownList(string.Empty, ViewBag.FunctionsList as SelectList)

)

(from controller: ViewBag.FunctionsList = new SelectList(functions, "ID", "NAME");)

now the problem is that, when I save the function property is empty...
I know how to do it using the foreign key Id...I did it before, but I'd like to keep the model without them..
so, my goal is to have this list of functions which the user can add or remove (actually is link and unlink), and on add user is prompt with a drop down list conteining all functions.

is that possible?

Thanks
Fabio

Grid

answered on 22 May 2014