or
1 answer
105 views
I'm new to the MVVM and pure javascript applications and I have a question.
Is it possible to gain hold and access members or methods in another viewmodel to initialize it in a certain way before showing, like for example in a logout link I would like to clear the username and password etc. before showing the login view again?
Thanks,
*******
Sorry, this turned out to be simple
access a property:
app.loginService.viewModel.set("username","");
access a method:
app.loginService.viewModel.onLogout();
Is it possible to gain hold and access members or methods in another viewmodel to initialize it in a certain way before showing, like for example in a logout link I would like to clear the username and password etc. before showing the login view again?
Thanks,
*******
Sorry, this turned out to be simple
access a property:
app.loginService.viewModel.set("username","");
access a method:
app.loginService.viewModel.onLogout();
Olafur
Top achievements
Rank 1
Rank 1
answered
on
18 Aug 2013
12 answers
3.5K+ views
I have an app that has two grids on the page. Clicking a row on the first grid populates the data in the second. I am having an issue where the data is just getting pasted underneath the old data. How do I clear out the second grid to put clean new data in it again?
Alex
Alex
10 answers
835 views
Hi Team,
I have a requirement in which on click of kendo chart item, I want to
drill down and show new values in chart. After clicking any of the bar i want to hit the db with selected
value, fetch values then bind the kendo chart
and show the chart . And also for example I have a
dropdownlist with different chart types such as bar,bubble,scatter as
items. on selection change i want to bind the respective chart
dynamically in kendo UI. Please provide sample code for this
2 scenarios.
I have a requirement in which on click of kendo chart item, I want to
drill down and show new values in chart. After clicking any of the bar i want to hit the db with selected
value, fetch values then bind the kendo chart
and show the chart . And also for example I have a
dropdownlist with different chart types such as bar,bubble,scatter as
items. on selection change i want to bind the respective chart
dynamically in kendo UI. Please provide sample code for this
2 scenarios.
1 answer
108 views
If you focus a dropdownlist and press the spacebar the page will scroll (if scrollable). This isn't the behavior of standard HTML selects. You can reproduce this on the live demo pages.
Kiril Nikolov
Telerik team
answered
on
16 Aug 2013
2 answers
108 views
Hello all,
I am trying to take step #1 using Kendo mobile and having a problem. I have set up a folder containing a copy of the "js" and "styles" folders from my downloaded Kendo Trial distribution and created a test.html file with the so called "first complete example" in http://docs.kendoui.com/getting-started/introduction which has the following code:
<!doctype html>
<html>
<head>
<title>Kendo UI Mobile</title>
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.mobile.min.js"></script>
</head>
<body>
<div data-role="view" data-title="View" id="index">
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>
<ul data-role="listview">
<li>Item 1</li>
<li>Item 2</li>
</ul>
<footer data-role="footer">
<div data-role="tabstrip">
<a data-icon="home" href="#index">Home</a>
<a data-icon="settings" href="#settings">Settings</a>
</div>
</footer>
</div>
<script>
var app = new kendo.mobile.Application();
</script>
</body>
</html>
When I load it in my browser I get a blank screen, but as you can see in the first image I attach, the debugger shows that the included CSS and JS files are retrieved correctly, and as the second image shows, there seems to be an error.
Out of curiosity, I have replaced the local file references with references to kendo's CDN, like this:
<head>
<title>Kendo UI Mobile</title>
<link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2012.2.710/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.mobile.min.js"></script>
</head>
And it works as shown in my third suplied image.
Any idea of what am I doing wrong ?
Thanks in advance:
Javier
I am trying to take step #1 using Kendo mobile and having a problem. I have set up a folder containing a copy of the "js" and "styles" folders from my downloaded Kendo Trial distribution and created a test.html file with the so called "first complete example" in http://docs.kendoui.com/getting-started/introduction which has the following code:
<!doctype html>
<html>
<head>
<title>Kendo UI Mobile</title>
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.mobile.min.js"></script>
</head>
<body>
<div data-role="view" data-title="View" id="index">
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>
<ul data-role="listview">
<li>Item 1</li>
<li>Item 2</li>
</ul>
<footer data-role="footer">
<div data-role="tabstrip">
<a data-icon="home" href="#index">Home</a>
<a data-icon="settings" href="#settings">Settings</a>
</div>
</footer>
</div>
<script>
var app = new kendo.mobile.Application();
</script>
</body>
</html>
When I load it in my browser I get a blank screen, but as you can see in the first image I attach, the debugger shows that the included CSS and JS files are retrieved correctly, and as the second image shows, there seems to be an error.
Out of curiosity, I have replaced the local file references with references to kendo's CDN, like this:
<head>
<title>Kendo UI Mobile</title>
<link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2012.2.710/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.mobile.min.js"></script>
</head>
And it works as shown in my third suplied image.
Any idea of what am I doing wrong ?
Thanks in advance:
Javier
Petyo
Telerik team
answered
on
16 Aug 2013
3 answers
191 views
can not see the property editable.resize in latest version but in documentation other property are exists eg:-
.Editable(e=>e.Update(false)) ,.Editable(e=>e.Confirmation(false)) please help asap.work with MVC4 rezor.
.Editable(e=>e.Update(false)) ,.Editable(e=>e.Confirmation(false)) please help asap.work with MVC4 rezor.
Vladimir Iliev
Telerik team
answered
on
16 Aug 2013
4 answers
447 views
Hi,
How I can remove a pane and change the size of the neighbor pane to 100% at the same time ( for example by pressing a button in a page) ?
this in my code :
kendoSplitter: { orientation: 'horizontal', panes: [{ resizable: true, collapsible: false, max:'90%', min:'33%' , size: '70%' }, { resizable: true, collapsible: false, max:'67%', min:'10%',size: '30%' }] }
I want to change it to :
kendoSplitter: { orientation: 'horizontal', panes: [{ resizable: true, collapsible: false, max:'90%', min:'33%' , size: '100%' }] }
by clinking a button in the page .
thank you in advance ,
Atiyeh
How I can remove a pane and change the size of the neighbor pane to 100% at the same time ( for example by pressing a button in a page) ?
this in my code :
kendoSplitter: { orientation: 'horizontal', panes: [{ resizable: true, collapsible: false, max:'90%', min:'33%' , size: '70%' }, { resizable: true, collapsible: false, max:'67%', min:'10%',size: '30%' }] }
I want to change it to :
kendoSplitter: { orientation: 'horizontal', panes: [{ resizable: true, collapsible: false, max:'90%', min:'33%' , size: '100%' }] }
by clinking a button in the page .
thank you in advance ,
Atiyeh
tankblergh
Top achievements
Rank 1
Rank 1
answered
on
16 Aug 2013
3 answers
115 views
Hi,
I have a splitter with 2 pages on a "default" page.
Default.aspx?id=1234 -->
$("#horizontal").kendoSplitter({
panes: [
{ collapsible: true, size: "300px", contentUrl: 'Page1.aspx?id=5678' },
{ contentUrl: 'Page2.aspx?id=8765' }
]
});
On my Page1 load & Page2 load I need to have my get parameters.
But when I look in "window.location", I get the "Default.aspx?id=1234" instead of "Page1.aspx?id=5678" or "Page2.aspx?id=8765"
How do I get the correct parameters?
Thanks in advance
Stijn
I have a splitter with 2 pages on a "default" page.
Default.aspx?id=1234 -->
$("#horizontal").kendoSplitter({
panes: [
{ collapsible: true, size: "300px", contentUrl: 'Page1.aspx?id=5678' },
{ contentUrl: 'Page2.aspx?id=8765' }
]
});
On my Page1 load & Page2 load I need to have my get parameters.
But when I look in "window.location", I get the "Default.aspx?id=1234" instead of "Page1.aspx?id=5678" or "Page2.aspx?id=8765"
How do I get the correct parameters?
Thanks in advance
Stijn
Kiril Nikolov
Telerik team
answered
on
16 Aug 2013
1 answer
130 views
Hi,
How to set the width of kendo Scheduler Add/Edit Popup window ?
How to set the width of kendo Scheduler Add/Edit Popup window ?
Dimiter Madjarov
Telerik team
answered
on
16 Aug 2013
1 answer
127 views
In MVC I have the grid bound to a set of client functions:
.Events(builder => builder
.ColumnHide("columnHideKendo")
.ColumnShow("columnShowKendo")
.ColumnReorder("columnReorderKendo")
)
However, the Hide and Show do not fire when I remove or add a column via the filter menu (see screenshot)
Is there another way to be notified if the user has removed a column?
The Javascript functions look like this:
.Events(builder => builder
.ColumnHide("columnHideKendo")
.ColumnShow("columnShowKendo")
.ColumnReorder("columnReorderKendo")
)
However, the Hide and Show do not fire when I remove or add a column via the filter menu (see screenshot)
Is there another way to be notified if the user has removed a column?
The Javascript functions look like this:
function columnHideKendo(e) { setTimeout(function() { e.sender.trigger("dataBoundKendo"); });}function columnShowKendo(e) { setTimeout(function() { e.sender.trigger("dataBoundKendo"); });}
Dimiter Madjarov
Telerik team
answered
on
16 Aug 2013
