Questions on UI for ASP.NET MVC Forum

2 answers

49 views

Looking for API Reference for ASP.NET MVC

There seems to be a lot of demos for ASP.NET MVC, but where is the API Reference documentation?
Thanks.
Dan

General Discussions

answered on 25 Apr 2014

4 answers

1.7K+ views

Grid ClientTemplate URL to Open Window with LoadContentFrom

I've got a grid and I would like to have one of the grid fields be a link which will open a Window widget. But the widget needs to load a partial view using LoadContentFrom. This will need to be a controller method and pass a parameter which is also available in the grid.

The normal grid ClientTemplate column would look like this:

columns.Bound(m => m.Proposal_Title).ClientTemplate("<a href='/Proposal/Index/#= Proposal_ID #'>" + "#= Proposal_Title #" + "</a>").Title("Title");

But I need that to maybe be a javascript call which will load a Window with a partial view and open it?

The normal LoadContentFrom would look like this:

.LoadContentFrom("Index", "Proposal", new { id = "22893" })

But I need those links to be created on the grid and the id to be the Proposal_ID as shown above.

Thanks in advance....

Grid

answered on 25 Apr 2014

1 answer

161 views

Kendo Grid | Popup editing | Column width

Hi ,

I have the kendo grid with popup editing and I'm able to increase the width od the window..But I need to increase the columns width in the popup windo, How do i do that..Thank you

Please find the attached image

Grid

answered on 24 Apr 2014

2 answers

242 views

Destroy Action removing before going to controller

Not sure if I'm missing something, but I have a destroy action in my grid and it's removing the row before even reaching Controller Method.
and then, if I get any error, the row is not in the grid anymore.
Destroy Method on Controller:

public ActionResult DestroyCommission([DataSourceRequest]DataSourceRequest request, EditableCommission editable)

{

ModelState.AddModelError("Id", "Error");

return Json(new[] { editable }.ToDataSourceResult(request, ModelState));

}

My Grid:

<% this.Html.Kendo().Grid<EditableCommission>().Name("GridCommission").ToolBar(bar => bar.Create())

.DataSource(ds => ds.Ajax().Batch(false).ServerOperation(false)

.Read(read => read.Action("ReadCommission", "Commission").Data("getParam"))

.Create(create => create.Action("UpdateCommission", "CadastrarPedido").Data("getParam"))

.Update(update => update.Action("UpdateCommission", "CadastrarPedido").Data("getParam"))

.Destroy(destroy => destroy.Action("DestroyCommission", "Commission").Data("getParam"))

.Events(ev => ev.Error("error_handler.bind({WidgetID: '#GridCommission'})"))

.Model(model =>

{

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

}))

.Events(events =>

{

events.Save("onSave");

events.Edit("onEdit");

})

.Columns(columns =>

{

columns.Bound(o => o.Id).Hidden(true);

columns.Bound(c => c.AgentId).Hidden(true);

columns.Bound(c => c.Agent).ClientTemplate("#=AgentName#").Width(180);

columns.Bound(o => o.Percentage).Width(95).Format("{0:N2}");

columns.Bound(o => o.Value).Width(90).Format("{0:N4}");

columns.Command(commands =>

{

commands.Edit();

commands.Destroy();

}).Width(120);

})

.Pageable(page => page.Refresh(true).PreviousNext(false).Input(false).Numeric(false).PageSizes(false))

.Editable(edit => edit.Mode(Kendo.Mvc.UI.GridEditMode.PopUp))

.Render(); %>

Am I missing something?

Grid

answered on 24 Apr 2014

5 answers

293 views

Table ID in event object

Prior to the recent 2014.1.318 release, it was possible to obtain the id of a table in the event object in javascript, like so:

function DoSomethingForThisTable(e){
var id = e.sender.options.table.context.id;
//get the table with this id and do things
}

However, after the release, this process fails, as the table object on the e.sender.options is now always null. Is there an alternative to doing this, or is this a bug?

Grid

answered on 24 Apr 2014

6 answers

92 views

Upgrade to 2014.1.415 broke stuff

I have just upgraded to 2014.1.415 and some things no longer work. I would like to revert back to 2013.2.918 but the installer removes the old version from my machine. How can I get the older version reinstalled?

General Discussions

answered on 23 Apr 2014

7 answers

1.1K+ views

Check if grid is initialized

I am trying to disable the delete buttons of a grid in jquery depending on certain conditions. If I check my conditions on document.ready the code to disable the buttons is not working, seemingly because the grid has not been initialized yet. I am trying to figure out how to check if it is initialized so I can do my check and then disable the buttons if necessary. I have tried it onDataBinding but that doesn't seem to do it. Here is the relevant code:

@(Html.Kendo().Grid<PASS.ViewModels.Proposals.AttachmentsViewModel>()

.Name("gridAttachments")

.Columns(columns =>

{

columns.Bound(c => c.File_Name).ClientTemplate("<a href='" + Url.Action("LoadAttachment", "Proposals") + "/#= ID #'>" + "#= File_Name #" + "</a>").Title("File Name");

columns.Bound(c => c.File_Size).Title("Size");

columns.Bound(c => c.Content_Type).Title("Type");

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

})

.Sortable()

.Events(events => events.DataBinding("onDataBinding"))

.DataSource(dataSource => dataSource

.Ajax()

.Model(model => model.Id(c => c.ID))

.Read(read => read.Action("GetAttachments", "Proposals", new { proposalID = Model.Proposal_ID }))

.Destroy(destroy => destroy.Action("DeleteAttachment", "Proposals"))

)

<script type="text/javascript">

$(document).ready(function () {

var formDisabled = $('#Form_Disabled').val();

if (formDisabled == "True") {

$('#Files').data('kendoUpload').disable();

}

})

$(function () {

$("#Files").data("kendoUpload").bind("success", function () {

$("#gridAttachments").data("kendoGrid").dataSource.read();

})

function onDataBinding(e) {

var formDisabled = $('#Form_Disabled').val();

alert(formDisabled);

if (formDisabled == "True") {

$('.k-grid-delete', '#gridAttachments').hide();

}

</script>

I have also tried assigning the onDataBinding in jquery instead of in the razor code but that didn't work either.

Grid

answered on 23 Apr 2014

1 answer

197 views

Upload/Submit HttpPostedFileBase has zero files

I am using the "Basic usage" of the Upload control in ASP.NET MVC and Internet Explorer version 9.0.8112.16421

After I select the file to upload and click "Submit", my Submit() action is indeed called, but "IEnumerable<HttpPostedFileBase> files" contains zero files in the called method:

public ActionResult Submit(IEnumerable<HttpPostedFileBase> files)
{
:
:
}

How can I get the actual files to be uploaded?

Thanks.

Upload

answered on 23 Apr 2014

2 answers

69 views

Icons for components are too high (kendo+bootstap 3)

All of the icons that are placed on the kendo controls are a bit too high (see attached images). I believe this started when I installed bootstrap, but I am not sure of the best fix.

Thanks

General Discussions

answered on 22 Apr 2014

4 answers

565 views

Filtering Grid by Dropdown

Hello,

I need to reload the grid based on a dropdown change but I don't want to do the filtering. I don't want the grid to preload all of the data and then filter. I want it only to load based on the dropdown. But when I set it up the way I think it should work it is calling my controller method twice. The first time passing the parameter correctly from the dropdown and the second time passing a null.

Here is the view:

<div class="filter">

<label class="filter-label" for="filter">Filter:</label>

@(Html.Kendo().DropDownList()

.Name("filter")

.DataTextField("Text")

.DataValueField("Value")

.Events(e => e.Change("onChange"))

.BindTo(new List<SelectListItem>() {

new SelectListItem() {

Text = "Pending Reviews",

Value = "N"

},

new SelectListItem() {

Text = "Complete Reviews",

Value = "Y"

}

})

)

</div>

<br class="clear" />

<br />

@(Html.Kendo().Grid<PASSAdmin.ViewModels.ResourceReviewer.ResourceReviewViewModel>()

.Name("gridResourceReviews")

.Columns(columns =>

{

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

columns.Bound(m => m.Proposal_ID).Title("Proposal ID");

columns.Bound(m => m.Proposal_Title).Title("Title");

columns.Bound(m => m.PI_BNL_ID).Title("PI");

columns.Bound(m => m.Date_Submitted).Title("Date Submitted");

})

.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("ResourceReviewer/ResourceReview").Window(window => window.Width(700)))

.Pageable()

.Sortable()

.Events(e => e.Edit("onEdit"))

.DataSource(dataSource => dataSource

.Server()

.Model(model =>

{

model.Id(m => m.Beamtime_Request_ID);

model.Field(m => m.Beamline_Request_ID);

})

.Read(read => read.Action("GetResourceReviews", "ResourceReviewer"))

.Update(update => update.Action("AddResourceReview", "ResourceReviewer"))

))

<script type="text/javascript">

function onEdit(e) {

$(e.container).parent().css({

width: '700px',

height: '350px'

});

$(e.container.find(".k-edit-buttons.k-state-default")).css("width", "660px");

}

function onChange() {

var filter = this.value();

alert(filter);

$.get('/ResourceReviewer/GetResourceReviews', { reviewComplete: filter }, function (data) {

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

grid.dataSource.read();

});

}

</script>

And here is the controller method:

public ActionResult GetResourceReviews(string reviewComplete, [DataSourceRequest]DataSourceRequest request)

{

User user = new User();

int user_id = user.GetUserIDByBNLAccount(User.Identity.Name);

int resource_id = UserSession.LastViewedResourceID.GetValueOrDefault();

if (UserPermissions.VerifyResourceRole(user_id, resource_id, "Resource_Reviewer"))

{

using (PASSEntities context = new PASSEntities())

{

var vm = (from a in context.Beamtime_Requests

join b in context.Proposals on a.Proposal_ID equals b.ID

join c in context.Technique_Requests on a.ID equals c.Beamtime_Request_ID

join d in context.Beamline_Requests on c.ID equals d.Technique_Request_ID

join e in context.Beamlines on d.Beamline_ID equals e.ID

join f in context.Users on b.PI_User_ID equals f.ID

where a.Status == "BLREV" && d.Beamline_ID == resource_id && d.Beamline_Review_Complete == reviewComplete

select new ResourceReviewViewModel()

{

Date_Submitted = a.Date_Submitted,

Beamline_Request_ID = d.ID,

Beamtime_Request_ID = a.ID,

Proposal_ID = b.ID,

Proposal_Type_ID = b.Proposal_Type_ID,

Beamline_Review_Complete = d.Beamline_Review_Complete,

Current_Cycle_Request = a.Current_Cycle_Request,

PI_User_ID = b.PI_User_ID,

PI_BNL_ID = b.User.BNL_ID,

Proposal_Title = b.Title,

Refused_By_Beamline = d.Refused_By_Beamline

}).ToList();

DataSourceResult result = vm.ToDataSourceResult(request);

return Json(result, JsonRequestBehavior.AllowGet);

}

else

{

return RedirectToAction("Index");

}

Grid

answered on 22 Apr 2014