Questions on UI for ASP.NET MVC Forum

2 answers

139 views

Model Editable definition for PopUp edit mode

I found out that defining "Editable(false)" for a model field doesn't seem to work when I've chosen GridEditMode.PopUp:

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

.Columns(columns => ...)

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

.DataSource(dataSource => dataSource

.Ajax()

.Model(model =>

{

model.Id(p => p.Id);

model.Field(p => p.Id).Editable(false);

model.Field(p => p.MyReadOnlyField).Editable(false);

}))

)

In this case, the "Id" field and the "MyReadOnlyField" field will be shown in the popup as editable - which obviously is not the expected behavior.

Is this done intentional or is it a bug that Model definition doesn't work correctly with PopUp edit mode? Of course I can define a custom template, but that's not what I really want... from my view it's a bug or missing feature.

Thanks in advance,
Dimitrij

Grid

answered on 16 Apr 2015

1 answer

445 views

Sychronize with google calender

Does ASP.NET MVC scheduler support integration with google calender or outlook?

Thank you..

Scheduler

answered on 16 Apr 2015

2 answers

111 views

Move calendar button to left

Is there any property that will put the calendar button to the left of the input, or hide the button altogether so I can use Bootstrap's input-group feature?

DatePicker

answered on 16 Apr 2015

1 answer

103 views

Moving from Kendo UI

Hi,

I'm Thinking of moving from kendo ui html5 to the mvc version but I am worried about performance problem when moving to large scale (2,000,000 + users per month)

Has anybody experienced issues with the MVC edition of kendo that might not happen in the Kendo UI html5 version?

Thanks

General Discussions

answered on 16 Apr 2015

3 answers

2.7K+ views

How to Center Custom Button in Grid cell ?

Hi

please i have create my grid and set bootstrap theme to it and add 3 custom button on it and every thing works fine but buttons not centered in each grid cell it's align to right (i have add rtl css) as you can see in attached image

so please how can i set them center vertically and Horizontally in each grid cell ?

Grid

answered on 16 Apr 2015

2 answers

151 views

Dynamic Content?

my attempt (Where I have Kendo DropDownList 1 as #Type and Kendo DropDownList 2 as #Units:

$('#Type').change(function (e) {
//if (e.target.value == "Electirc") {
var val = e.target.value;
var ddL = $('#Units').data("kendoDropDownList")

if (val == "Electric") {
ddl.dataSource.data({Text:"-", value:"null"},{Text:"kW", value:"kW"},{Text:"GJ", value:"GJ"})
//$("#Units").html("<option value='null'>item1:-</option><option value='kW'>item1: kW</option><option value='GJ'>item1: GJ</option>");
}
})

The goal would be to have the contents of DDL2 to change based on the selection by DDL1

DropDownList

answered on 16 Apr 2015

1 answer

368 views

The entity or complex cannot be constructed in a LINQ to Entities query

I'm starting to build a Telerik UI for ASP.NET MVC project, just like the Grid Demo on http://demos.telerik.com/aspnet-mvc/

And i got this error when i debug project.

What problem?

Grid

answered on 16 Apr 2015

2 answers

102 views

Calling existing views for grid updates

I am using UI for MVC 2015.1.318

I am replacing user admin lists with Telerik grids, but need to call the original views for CRUD. I have reviewed the documentation at http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/server-editing as well as several forum posts, but the Edit command button always calls the inline editor.

My grid

@(Html.Kendo().Grid(Model.UsersList)

.Name("grid")

.Columns(columns =>

{

columns.Bound(u => u.DisplayName);

columns.Bound(u => u.AccountName);

columns.Bound(u => u.Email);

columns.Command(command => { command.Edit(); command.Destroy(); }).Width(200);

})

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

.Pageable()

.Sortable()

.Scrollable()

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

.PageSize(20)

.Sort(sort => sort.Add("AccountName").Ascending())

.Model(model => model.Id(u => u.UserId))

.Update(update => update.Action("Edit", "UserAdmin"))

.Destroy(destroy => destroy.Action("Delete", "UserAdmin"))

)

There is a UserAdminController.cs with Edit and Delete methods. Here is the Edit:

public async Task<ActionResult> Edit(string id)

{

if (id == null)

{

return new HttpStatusCodeResult(HttpStatusCode.BadRequest);

}

var editUser = await UserManager.FindByIdAsync(id);

if (editUser == null)

{

return HttpNotFound();

}

UserDetailsViewModel vm = new UserDetailsViewModel()

{

Id = editUser.Id,

Email = editUser.Email,

DisplayName = editUser.DisplayName,

SelectedAccountId = editUser.AccountId,

};

// System Admins can assign Account to users, so get a list

if (User.IsInRole("System Admin"))

{

vm.AvailableAccounts = DataRepo.GetAccountListForDdl().ToList();

}

await Edit_SetupRoles(editUser.Id, vm);

vm.ProviderId = editUser.ProviderId;

if (editUser.ProviderId != null)

vm.ProviderName = DataRepo.GetProviderName(editUser.ProviderId);

vm.AccessLevelsAssigned = DataRepo.GetAssignedUserAccessLevels(editUser.Id);

vm.AccessLevelsPool = DataRepo.GetAvailableUserAccessLevels(editUser.Id, editUser.AccountId);

vm.AccountAndClients = DataRepo.GetAccountAndClientListForDdl(editUser.AccountId).ToList();

return View(vm);

}

Where is this going off the rails?

Best,
Scott

Grid

answered on 16 Apr 2015

10 answers

345 views

Persist Drag and Drop Changes

I apologize up front if there is an obvious answer to this question, but how do I persist the changes that a user makes to the nodes in a tree control when .DragAndDrop(true) is specified? Since the MVC wrappers using a ReadOnly datasource, I'm really not sure how to do that other than starting to look into doing it outside the MVC wrappers.

Thanks,
Kyle

TreeView

answered on 15 Apr 2015

3 answers

860 views

Refresh Treeview after adding item

I'm adding an item and then wanting to refresh the TreeView. It works every other time. The node is always added, but the treeview is refreshed to display it only after I click to add another node. At that time, both new nodes show up. I'm guessing that the first ajax call hasn't completed when the treeview.dataSource.read() statement is reached. Is there a way to execute a "wait" until the AddNode statement has completed?

Here's my javascript:

// Add Node

$("#createCategory").click(function () {

var name = $("#newCategory").val();

if (name != "") {

$.ajax({

url: '@Url.Action("AddNode","Categories")',

type: "POST",

data: {

CategoryName: name

}

});