Questions on UI for ASP.NET MVC Forum

1 answer

213 views

Hi there,

Is there any way to Unselect a tree node?. I have a databound event which fires the below function.

Not sure where i am going wrong.

Any help would be appreciated.

Many Thanks

Arrash

TreeView

answered on 03 Jun 2015

1 answer

205 views

bootstrap.css and grid column menu items

Hi all

The company I work for has added the bootstrap styling (kendo.bootstrap.css). It has caused a problem with the column menu items in the kendo grids in the app.

The columns that have enough space to display sub menus to the right work ok (when selecting the down arrow from the column header and then the Columns menu item).

However, the rightmost columns (which show the "Columns" sub menu item to the left) appear with a blue background. This causes an inconsistency with the other columns.

The lines I found to cause the issue are:

.k-menu .k-state-border-right {
background-color: #428bca;
color: #ffffff;
}

If I comment that out it works ok (no matter where they appear, all sub-menu items have the same background), but I do not know what else this may affect.

Is there a way to fix the bug with the rightmost column menu items?

Thanks in advance

General Discussions

answered on 03 Jun 2015

1 answer

196 views

MVC Grid export to pdf time out issue

Hi Team,

We are making use of the export to pdf feature in kendo grid.

We are using virtual scroll as true and our page size is 100. But we are facing a timeout issue and web page non-responsive issue on pdf export. Our service calls for getting data to grid is really fast, it will come within 2 secs.

Why we are facing this issue.? Any resolution. Also I have another question in pdf generation. How kendo is generating the PDF? Is it from server side or client side?

Are we sending the html to server and generating the pdf?

Thanks

Kiran B

Grid

answered on 02 Jun 2015

3 answers

162 views

Speed of items to load in treeview

I'm loading about 2100 items in the treeview, top tier only, using incremental load for sub tier items. The tree takes about 20 seconds to load, which will be a pain point to the end user. I timed the server call to actually retrieve the 2100 items to populate, and that only takes about 1 second. The rest of the time is spent loading the treeview client side. Is there any way to make this faster? I realize that's a lot of items and it might be unreasonable to expect it to load in just a few seconds.

thanks

TreeView

answered on 02 Jun 2015

0 answers

117 views

Has anyone ever used the scheduler for a machine production schedule?

We currently use many telerik UI components but have yet to use the scheduler.

I was wondering if anyone has used the scheduler/gnatt to do more advanced scheduling, like setting up "production jobs" to run on any given machine in a factory.

If the machine is "busy", we'd want a view of that and for the user to be able to drag and drop the "production job" to another machine.

I apologize as this is somewhat difficult to explain. Curious if there are others who use this tool in this way.

Gantt

asked on 02 Jun 2015

1 answer

115 views

TreeView works in Firefox, Chrome - Not in IE

I have an application that I have been testing mostly in Firefox, but yesterday decided that I should test in IE.

The versions that I have are:
Firefox 38.0.1
Chrome 43.0.2357.81 m (64-bit)
IE 9.0.8112

The TreeView is similar to that in Method 2 of "Binding to a flat table", but with a lot more data, that I pass in as a global variable.

<div id="tree"></div>

<script>

// This is not in the View, but is passed as a Global variable

var flatData = [

{ id: 1, parent: null, text: "Item 1" },

{ id: 2, parent: null, text: "Item 2" },

{ id: 3, parent: null, text: "Item 3" },

{ id: 4, parent: null, text: "Item 4" },

{ id: 5, parent: 1, text: "Item 1.1" },

{ id: 6, parent: 1, text: "Item 1.2" },

{ id: 7, parent: 1, text: "Item 1.3" },

{ id: 8, parent: 3, text: "Item 3.1" },

{ id: 9, parent: 3, text: "Item 3.2" },

{ id: 10, parent: 5, text: "Item 1.1.1" },

{ id: 11, parent: 5, text: "Item 1.1.2" },

{ id: 12, parent: 5, text: "Item 1.1.3" }

];

// This is not in the View, but is passed as a Global variable

// tree for visualizing data

$("#tree").kendoTreeView({

dataSource: {

transport: {

read: function(options) {

var id = options.data.id || null;

options.success($.grep(flatData, function(x) {

return x.parent == id;

}));

}

},

schema: {

model: {

id: "id",

hasChildren: function(x) {

var id = x.id;

for (var i = 0; i < flatData.length; i++) {

if (flatData[i].parent == id) {

return true;

}

return false;

}

})

</script>

The TreeView looks great in Firefox or Chrome, but in IE, I just get the raw data (flatData) showing as plain text.

Any ideas would be greatly appreciated. The only option that I DO NOT have is upgrading IE.

TIA,
Bob

TreeView

answered on 02 Jun 2015

5 answers

470 views

Grid inline edit removes row on click of another row while in edit mode

Hi,

When i try to click on edit while there is a row in edit mode already the row gets removed. Please let me know if anybody have an idea?

I have tried with specifying Model.Id but of no use.

Note: I am using Kendo grid in ASP.NET MVC helper and this grid is loaded by ajax call in jquery by assigning datasource

Grid

answered on 02 Jun 2015

11 answers

2.0K+ views

How to bind AutoComplete related property to another field

I have an AutoComplete working in a view. It's used to look up and employee name. There is a related field, EmployeeID which I need to populate if the user changes the assigned Employee. It's natural to look up the name, however, the key field is EmployeeID and that's the value I really need to send back to the database when the View posts.

I'm sending a list of objects (as Json) to the AutoComplete. There are two properties, Name and ID. Name is binding correctly to the AutoComplete and is being sent back on Post. I think I need to use the Select event to get the ID value and populate that field but I can't find the object when I look at the debugging info in the browser when the page is running. The event variable 'e' doesn't seem to have it.

How can i do this? Code is appended.

View Code:

<div class="row">

<!-- IssuedToEmployeeName NOTE: Autocomplete control MUST be the same name

as the field that's being bound or it won't

be sent back in the post operation!!!

-->

<span class="col-sm-2">

<label>Issued To:</label>

</span>

<span class="col-sm-2">

@(Html.Kendo().AutoComplete()

.Name("IssuedToEmployeeName")

.Delay(100)

.MinLength(2)

.DataTextField("IssuedToEmployeeName")

.Filter("contains")

.Events(e =>

{

e.Change("onChange")

.Select("onSelect")

.DataBound("onDataBound");

})

.DataSource(source =>

{

source.Read(read =>

{

read.Action("LookUpEmpName", "Home")

.Data("onAdditionalData");

})

.ServerFiltering(true);

})

)

</span>

<span class="col-sm-1">

@Html.TextBoxFor(model => model.IssuedToEmployeeID, new { @class="form-control" })

</span>

<span class="col-sm-2">

<label>Issue Date/Time:</label>

</span>

<span class="col-sm-3">

@Html.TextBoxFor(model => model.IssuedOnDateTime, new { @readonly = "true" })

</span>

<span class="col-sm-2"></span>

</div

>



<script>

    function onAdditionalData() {

        return { text: $("#IssuedToEmployeeName").val() };

    }



    function onChange(e) {

        //alert('onChange() event fired');

    }



    function onSelect(e) {

        alert('onSelect() event fired; event arg = ' + e.arguments);

    }



    function onDataBound(e) {

        //alert('onDataBound() fired. event arguement = ' + e); 

    }

</script>

Controller Code:

//

// LookUpEmpName()

public JsonResult LookupEmpName(string text)

{

string[] empNames = DataAccess.LookupEmpName(text);

List<NameSearchResult> result = new List<NameSearchResult>();

if (empNames!=null)

{

foreach (string name in empNames) {

NameSearchResult searchResult = new NameSearchResult();

string empName = null;

string empID = null;

CommonMethods.ParseNameSearchResult(name, ref empName, ref empID);

if((empName!=null) && (empID!=null)) {

searchResult.IssuedToEmployeeName = empName;

searchResult.EmployeeID = empID;

}

result.Add(searchResult);

}

return Json(result, JsonRequestBehavior.AllowGet);

}

AutoComplete

answered on 02 Jun 2015

5 answers

164 views

Widget does not select the correct option on initialization when using virtualized list

Hi Telerik,

the dropdownlist does not select the correct option on initialization when using virtualization (if i turn off virtualization it works fine). Im using it very similar to your demo of virtualization.

Is it possible that this is a bug? Im using version 2015.1.429.545.

this is my code:

@(Html.Kendo().DropDownListFor(model => model.person_id)

.DataTextField("Name")

.DataValueField("Id")

.Filter("contains")

.OptionLabel("Choose...")

.Height(300)

.DataSource(source =>

{

source

.Custom()

.ServerFiltering(true)

.ServerPaging(true)

.PageSize(80)

.Type("aspnetmvc-ajax")

.Transport(transport =>

{

transport.Read("ReadForDropDown", "Person");

})

.Schema(schema =>

{

schema.Data("Data")

.Total("Total");

});

})

.Virtual(v => v.ItemHeight(26).ValueMapper("personsValueMapper"))

)

DropDownList

answered on 02 Jun 2015

1 answer

737 views

DataSourceRequest model binding not working

I have the following controller action that is invoked when I type in the Autocomplete box, however the DataSourceRequest object isn't populated with the filters that are passed, as if the model binding isn't working (all of the properties for my request variable below are the defaults i.e. filters is null).

1.public JsonResult GetParentResellers([DataSourceRequest]DataSourceRequest request)

2.{

3. //...

4.}

View:

1.@(Html.Kendo().AutoComplete()

2. .Name("hi")

3. .DataSource(ds => ds.Read("GetParentResellers", "Resellers")

4. .ServerFiltering(true)))

And finally here's what's sent to the server( query string)

1.filter[logic]:and

2.filter[filters][0][value]:f