Questions on Kendo UI for jQuery Forum

2 answers

96 views

Modalview only opens inside a pane of a splitview when the parent view is active

When you add a modalview inside a view in a pane of a splitview:
1) the modalview can only be opened if the parent view is active (no way to share it across views via a layout navbar),
2) the modalview opens in that pane, which means the width is limited by the size of the pane.

I would like:
1) to open the modalview on top of the splitview, in the center of the screen
2) share a button in header through a layout an be able to open the modalview whatever view is displayed in teh background

A bug? a design trade-off? my mistake and in this case any sample available?

ModalView

answered on 21 Sep 2012

1 answer

397 views

How Do I able to change the content URL of Tabstrip

My code is like below this.I am trying to replace content URL and title for my current tabs.I am not able to do that successfully and it is showing me same view.Am I doing something wrong or please show me example so I can able to do that.

src = /Account/Register

var tabStrip = $("#tabs").data("kendoTabStrip");
$($('#tabs').find('k-link')).data('contentUrl', src);
$($('#tabs').find('k-link')).data('text', title);
tabs.select(tab.index());
tabStrip.reload();

TabStrip

answered on 21 Sep 2012

3 answers

191 views

Scroll issue with Virtualization of remote data

Hello,

I've noticed a bug with the the grid scroll when working with the virtualization of remote data.

When I try to scoll until the last row of the grid, sometime the last rows won't be displayed. Sometimes, I'll be able to see only the top part of the last row, sometime 1 to 5 rows won't be displayed at all and sometime, everything will be displayed correctly.

I did check on the server to make sure that all the data was returned and I looked carefully at my code to make sure there was no bug on the client side. Then I tried your virtualization of remote data demo and to problem occurs in your demo too.

To reproduce the bug on the Demo, sort the grid by OrderID in DESC order (For some reason, the bug won't occur in the ASC order)

Then take your mouse and scroll all the way down to the last row. The last OrderID is suppose to be 10248 and 50% of the time, it is. Then start to scroll up and down mutiple time and then go see the last row's OrderID. Do this 10+ times and you'll see a couple of different results.

Best regards,

Simon

Grid

answered on 21 Sep 2012

0 answers

315 views

Data Binding using json in ListView

Hi...I saw some examples on the internet regarding data binding using json in ListView but those things are not working in my case. I have a Controller named "Contact" and there is method named "Read", in Read () method I get the Contact list which I want to show in ListView in Mobile. Here is my View Code...

<div data-role="view" id="tabstrip-profile" data-title="Dashboard" data-layout="mobile-tabstrip"
data-init="initListView">
<ul data-role="listview" data-style="inset" data-type="group">
<li>
<ul id="contactList">
</ul>
</li>
</ul>

</div>
<script type="text/javascript">
var deviceJDS = new kendo.data.DataSource({
transport: {
read: {
contentType: "application/json; charset=utf-8",
type: "GET",
data: "{}",
dataType: "json",
url: "/Contact/Read"
}
},
schema: {
data: "d"
}
});

function initListView(e) {
e.view.element.find("#contactList").kendoMobileListView({
template: "<strong>#:data.DisplayName#</strong>",
dataSource: deviceJDS
});
}

var app = new kendo.mobile.Application(document.body);

</script>

ListView (Mobile)

asked on 21 Sep 2012

2 answers

167 views

[Solved] Mobile view + MVVM templating scrolling issue

I have a following scenario: Mobile view renders blocks of data based on view model array using MVVM and templating.
I have also add and remove button to add and remove elements to/from array.

To reproduce my issue:
1. Suppose you have 3 elements that fit in your mobile view complete, so scrolling is not needed. (screenshot_1)
2. Push "Add" button and forth element appears on mobile view, scrolling now is active, scroll down to see buttons (screenshot_2)
3. Push "Remove" button, last element is removed from DOM, but view remains "scrolled" and the worst is - I could not scroll it up (screentshot_3)

Is it possible somehow to scroll view back? After some clicks It goes back, but on iPad I could not do anything, it stays as "scrolled up".

I prepared fiddle, I can this reproduce on Windows / Chrome, and iPad also, see also screenshots
http://jsfiddle.net/KuYTL/18/

General Discussions

answered on 21 Sep 2012

0 answers

240 views

Grid Editable window LoadContentFrom with rout value ?

Hi,

I am a new programmer with Kendo UI on MVC, I have a question to ask supporter.
I am using Kendo Grid call popup window when I edit button click like code below :

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

.Name("tblAttachFile")

.BindTo(Model.tblAttachFiles)

.Columns(col =>

{

col.Bound(p => p.Attach_File_Name).Title("File Name");

col.Bound(p => p.Attach_File_Path).Title("File Path");

col.Bound(p => p.Attach_File_Description).Title("File Description");

col.Command(cmd => cmd.Edit());

})

//.ToolBar(toolbar => toolbar.Create())

.Editable(ed => ed.Mode(GridEditMode.PopUp).Window(w => w.Name("winEdit").Title("My Test").Content("Loading").LoadContentFrom("Edit", "AttachFile", new { id = 1 })))

.Pageable()

.Sortable()

.Scrollable()

.DataSource(ds => ds

.Server()

.Model(m => m.Id(p => p.Attach_File_ID))

.Update("Edit", "AttachFile")

)

I want to get Attach_File_ID in to route value in this line
.Editable(ed => ed.Mode(GridEditMode.PopUp).Window(w => w.Name("winEdit").Title("My Test").Content("Loading").LoadContentFrom("Edit", "AttachFile", new { id = Attach_File_ID })))
When I enter id number like (1, 2, 3) it is work correct.

How can I get dynamic ID in route value ?

This code below is my controller that I want to do :

// GET: /tblAttachFiles/Edit/5

[Authorize]

public ActionResult Edit(int id)

{

tblAttachFile tblattachfile = tblattachfileRepository.GetOne(id);

ControllerHelper.filePath = tblattachfile.Attach_File_Path;

return View(tblattachfile);

}

//

// POST: /tblAttachFiles/Edit/5

[AcceptVerbs(HttpVerbs.Post), Authorize]

public ActionResult Edit(int id, FormCollection collection)

{

tblAttachFile tblattachfile = tblattachfileRepository.GetOne(id);

try

{

tblattachfile.Attach_File_Path = ControllerHelper.filePath;

ControllerHelper.filePath = "";

tblattachfile.Updated_Date = DateTime.Now;

tblattachfile.Updated_By = User.Identity.Name;

UpdateModel(tblattachfile);

tblattachfileRepository.Save();

return RedirectToAction("Detail", new { id = tblattachfile.Attach_File_ID });

}

catch

{

ModelState.AddRuleViolations(tblattachfile.GetRuleViolations());

return View(tblattachfile);

}

Thank advanced,
Sorry For my bad English !
KHUN

Grid

asked on 21 Sep 2012

1 answer

187 views

Kendo UI Upload Async Error

I'm testing my new Kendo Upload tool in an MVC site. I've found in our XP QA machine, using any version of IE, I'm not able to upload any images (I've set to only allow .jpg). I get a permission denied error in my XMLHttpRequest response.

I believe this is because we're showing the MVC site inside of an iframe of another site, and we're getting some kind of cross-domain issue. However if this were the case, would it only be happening in an XP environment, or all of them? Does anyone know enough about Kendo to point me in the right direction?

@(Html.Kendo().Upload()
.Name("images")
.Async(async => async
.Save("Save", "Upload")
.Remove("Remove", "Upload")
.AutoUpload(true)
)
.Events(events => events
.Select("onSelect")
.Remove("onRemove")
.Error("onError")
.Upload("onUpload")
.Success("onSuccess")
)
)

Upload

answered on 21 Sep 2012

1 answer

138 views

Kendo UI grid extending the columnmenu

Dear Kendo support team,

I use Kendo UI grid within a Bootstrap Responsive Layout and would like to add 2 items to the grid's column menu.

One for increasing the current column width by a certain amount and one for the shrinking the width. Ideally I would like to have an icon as menuitem.

Please give me some advise how to manage this.

Thank you in advance

Grid

answered on 21 Sep 2012

2 answers

141 views

Batch editing should use multipart mime message

Hello,

I use kendo-ui datasource and grid with the SharePoint 2010 list odata service. I need to enable batch editing. As mentioned in this article:

http://msdn.microsoft.com/en-us/library/ff798339

the SharePoint 2010 list odata service supports batching though multipart mime messages. It appears kendo ui does batching by sending accross a request per operation type update/destroy/create (in what order?), where each request contains a collection of the objects involved, which requires a parameterMap as follows:

parameterMap: function (options, operation) {
if (operation !== "read" && options.models) {
return { models: kendo.stringify(options.models) };
}
}

Does kendo ui support the multipart mime message way of doing batching?

cheers

Remco

Data Source