Hi,

I am trying to create sortable editable list view with
cascading dropdown list in it

I have three problems:

1.      
On adding new item in
Controllers “Editing_Create” action I
receive null values for properties from drop down lists (EntityTypeId and EntityId)

2.      
When I am adding sortable
behavior to the list view, in the edit item mode the text input for the “Text” model property is disabled

3.      
Minor issue: the max characters
validation is not working on text input for the “Text” model property

Besides these three issues the list view rendered as
expected

Thanks,



View:




<div class="demo-section">


<a class="k-button k-button-icontext k-add-button" href="#"><span class="k-icon k-add"></span>Add new record</a>


</div>




<div class="demo-section">




@(Html.Kendo().ListView<QuickLinkViewModel>()


.Name("listView" + Model.ComponentId)


.TagName("div")


.ClientTemplateId("quickLinkTemplate")


.DataSource(dataSource => dataSource


.Model(model => model.Id("ComponentId"))


.Create(create => create.Action("Editing_Create", "QuickLink", new { parentId = Model.ComponentId }))


.Read(read => read.Action("Editing_Read", "QuickLink", new{parentId = Model.ComponentId}))


.Update(update => update.Action("Editing_Update", "QuickLink"))


.Destroy(destroy => destroy.Action("Editing_Destroy", "QuickLink"))


)


.Editable()


)


</div>


 @(Html.Kendo().Sortable()


.For("#listView" + Model.ComponentId)


.Handler(".handler")


.Cursor("move")


.PlaceholderHandler("layout.footer.placeholder")


.HintHandler("layout.footer.hint")


.Events(events => events.Change("layout.footer.onChange"))


) 



Editable Template:



<div class="quickLink-view
k-widget">


<input type="hidden" name="ParentId" value="#:ParentId#" />


<input type="hidden" name="SortOrder" value="#:SortOrder#" />


<span class="handler">&nbsp;</span>


<span>


<input data-role="dropdownlist"


data-text-field="Text"


data-value-field="Value"


data-bind="value:
EntityTypeId"


value="#:EntityTypeId#"


data-source="layout.entityTypesData"


id="entityType#:id#"


name="EntityTypeId"


data-option-label="Select"


data-close="layout.footer.setValue"


data-val-required="*">


<span class="field-validation-valid" data-valmsg-for="entityType#:id#" data-valmsg-replace="true"></span>


</span>


<span>


<input data-role="dropdownlist"


id="entity#:id#"


name="EntityId"


data-auto-bind="false"


data-text-field="Text"


data-value-field="Value"


data-cascade-from="entityType#:id#"


data-bind="value:
EntityId"


value="#:EntityId#"


data-source="layout.entityDropDownDataSource"


data-option-label="Select"


data-close="layout.footer.setValue"


data-val-required="*" />


<span class="field-validation-valid" data-valmsg-for="entity#:id#" data-valmsg-replace="true"></span>


</span>


<span>


<input class="k-textbox"


data-val="true"


data-val-maxlength="Text
cannot be longer than 25 characters."


data-val-maxlength-max="25"


data-val-required="*"


id="text#:id#"


 name="Text"


type="text"


value="#:Text#" />


<span class="field-validation-valid" data-valmsg-for="text#:id#" data-valmsg-replace="true"></span>


</span>


<div class="edit-buttons">


<a class="k-button k-update-button" href="\\#"><span class="k-icon k-update"></span></a>


<a class="k-button k-cancel-button" href="\\#"><span class="k-icon k-cancel"></span></a>


</div>

</div>



Model:




public class QuickLinkViewModel


{


public int ComponentId { get; set; }


[Required(ErrorMessage
= Errors.Required)]


public TgEntityType?
EntityTypeId { get; set; }


[Required(ErrorMessage
= Errors.Required)]


public int? EntityId { get; set; }


[Required(ErrorMessage
= Errors.Required)]


[MaxLength(25,
ErrorMessage = "Name cannot be longer
than 25 characters.")]


public string Text { get; set; }


public int SortOrder { get; set; }


public int ParentId { get; set; }

    }



Create action in Controller:




[AcceptVerbs(HttpVerbs.Post)]


public async Task<ActionResult>
Editing_Create([DataSourceRequest] DataSourceRequest request, QuickLinkViewModel link, int? parentId)


{


var results = new List<QuickLinkViewModel>();




if (link != null && parentId != null &&
ModelState.IsValid)


{


link.ParentId = parentId.Value;




await Create(link);


results.Add(link);


}




return
Json(results.ToDataSourceResult(request, ModelState));


}

Thanks

Hi all,

Most likely a straight-forward answer to this ... but how do you swap axes?

For attached, I want date on X-axis and Value on Y-Axis? Default behaviour is the opposite for me! 

 

I have a grid where each row has a custom command that opens a details modal. The details modal is populated with the contents of a kendo template. I want to include a kendo grid inside of that template.

Data structure is Contract (main page)->CoveredEquipment (first grid)->WearableParts (grid on modal)

My problem is that I get a javascript "invalid template" error when the page is loaded. It seems to not like

 in the modal template.

 

What am I doing wrong?

 

<script type="text/x-kendo-template" id="wearablePartsContent">
        <label>Wearable parts for <strong>#: CSPId # - #: Description #</strong></label>
        #= kendo.render(kendo.template($("\\#wearablePartsGridTemplate").html()), WearableParts); #       
    </script>

<script>

function openWearableParts(e) {
            e.preventDefault();

            var dataItem = this.dataItem($(e.currentTarget).closest("tr"));

            $("#wearablePartsModal").find(".modal-body").html(wearablePartsTemplate(dataItem));

            //createGrid();

            $("#wearablePartsModal").modal("show");
        }

</script>

I have a Service Contract that can have many pieces of Covered Equipment. I would like to use the grid control to let users add and edit equipment BEFORE the parent object is created (basically storing it all client-side, and then sending it back with the parent info in one form POST).

Is this scenario possible? All of the examples I've found are using AJAX calls on each edit, which I can't do.

I've got the following code which doesn't seem to render correctly, it moves the fields outside of the form, so the form is an empty tag. I tried adding .Render() to both tabstrip and window at different times and gained a .NET error

"CS1502: The best overloaded method match for 'System.Web.WebPages.WebPageExecutingBase.Write(System.Web.WebPages.HelperResult)' has some invalid arguments "

​

Hi,

In my project, I need to put some forms in kendo windows. These forms are in other partial view. I use this to load the partial view :




And here is my PartialView :


When I click on the button to open the kendo window, the partial view load correctly in it.
When I submit my form, the action is correctly called. Here is my problem : when the controller has done his job, I call a RedirectToAction to redirect the user. But the page is loaded in the kendo window instead of the main window. Is there any solution to close the kendo window ?

Second question : how to close the kendo window when pressing the cancel button.


Thank you.

Hi, I trying to add a custom delete command on the toolbar and I need to get the selected row and data. I'm using Server binding and I tried using some of the answers in the forum but it still didn't work.

The alert is always showing undefined. Can someone please point me in the right direction please?

The Id is defined in the model and is a hidden column

Picture of the chart: http://i.imgur.com/K88FEJd.png

 

I cannot get the chart to do categories correctly. If you look at the dates in the following data they are all different except if it is a different department. But in the picture they seem to merge for some reason. Can someone explain this?

Here is my return JSON data...

 Here is my code:

 

 

Greetings.

I had some sort of problems trying to attach my tests so I upload them to wetransfer so you can download them.
On the following link, you will find 2 projects: a WPF and MVC one.   http://bit.ly/1zigHWP


The point is to load and export documents between WPF RadRichTextBoxRichText and MVC Editor.
This is what simulate our enterprise softwares.

 

In the WPF test app, we have a file test.txt with a hexadecimal code of a document created in our WPF application's RadRichTextBoxRichText. 
If you click on the button "Import" you can see the original formatations. Then, if you click the button "Export" you will convert that doc to hexadecimal and copy it to the clipboard so you can past on the MVC test app.

 

In the MVC test app, you can past that hexadecimal code clicking on "Past Hex" button, and you will see that the document was imported well succeded with all formatations.

I guess the main problem begin in the WEB app. 

First problem:
If I export the document to hexadecimal from the MVC editor, clicking on " Get Hex" button, and copy that again using the button "Past Hex", you will realise that you lost all the spaces between lines.

Second problem:
To replicate the following problem, please, follow these steps:
1 - Click "Import From test.txt"
2 - Edit the line where it begins with  "No estudo efectuado não..." , delete the rest of that line leaving just that words, and apply a background color to them.
3 - Justify that words.
4 - Click "Get Hex" and copy the hex code written on the footer.
5 - Replace the hexadecimal code in test.txt in WPF application with the copied hexadecimal.
6 - Run the WPF app and click "Import"

Now, if you look, you can see that:
       The justified line is with extra spaces, 
       All the spaces between lines have been lost, 
       There is no background color on the justified line.

​

I apreciate the solution for these problems so that we can find a better way to import the documents in both technologies without any lost.
Regards.

I have scoured the forums and following all of the instructions to try to get the DropDownlist to properly behave. What I am doing is using a wizard (in Jquery) form and each time the next button is called the following code is hit:

if (wizardForm.valid()) {// validate the form
   wizardForm.validate().focusInvalid();
.............}

The problem is when I change the ignore option to "", from ignore: ":hidden" the validation looks like it is successful and without validation errors however the next button does not advance to the next page. 

 

I have also tried the example from the "KendoInputs_Validation" project but that does not work at all in Visual Studio.