Telerik Forums
Kendo UI for jQuery Forum
0 answers
75 views
Hi Telerik,
My grid must look the same when it's normal and in edit mode. I'm playing with row template, but when I add it then it looks ok, but edited values are not send to server.

I have created example: http://jsfiddle.net/lukeon/u7VWv/1/ but it is using local datasource. In my case I have autoSync datasource. When I remove 
template"<input type='text' class='k-input k-textbox' value='${ FirstName }'/>"
then it works fine. When I add such template then datasource it's not sync.

Any idea how I can accomplish this? :)
Luke jj
Top achievements
Rank 1
 asked on 30 Oct 2012
0 answers
340 views
I want to put functionality like when Checkbox is checked and textbox field become readonly. Please give me solution for this.


function plan_min_unlimited(container, options)
{
    $('<input type="checkbox" name="' + options.field + '" onclick="chkclickmin(this.value)"/>').appendTo(container)
}
function chkclickmin(val){
    alert(val);               
    alert($('#grid').data('kendoGrid').tbody.select("plan_minutes"));
    $('#grid').data('kendoGrid').tbody.find("plan_minutes"). Editable(false);
    
}
$("#grid").kendoGrid({
            dataSource: dataSource,
            pageable: true,
            height:"583px",
            
            toolbar: [{name:"create",text:"Add new Plan"}],
            columns: [                
                           
                {field:"plan_min_chk",title:"<strong>UnlimitedPlan</strong>",hidden:true,editor: plan_min_unlimited},                
                {field:"plan_minutes", title:"<strong>Plan Minutes</strong>",width:"100px"},
                {command: ["edit", "destroy"], title: "&nbsp;", width: "210px",title:"<strong>Action</strong>" }],     
            groupable:true,
            editable: {
                mode: "popup",             
                destroy: true,             
                confirmation: "Are you sure you want to remove this test member?"
            }
Kartik
Top achievements
Rank 1
 asked on 30 Oct 2012
1 answer
145 views
Hello,

I was trying to bind a listview to an ASP.Net .asmx web service using KendoUI mobile. I referred the following link to achieve this. But it’s not working for me.
http://www.kendoui.com/forums/framework/data-source/consuming-a-net-json-web-service.aspx

Pasting my code snippet for more help. Please let me know whether I am in right direction or what’s wrong with my code.  It’s urgent, please help me.

index.html:-
<!DOCTYPE html>
<html>
<head>
    <title></title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
    <meta charset="utf-8">
    <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.mobile.min.js"></script>
    <script src="js/console.js"></script>
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>
    <a href="../index.html">Back</a>
    <div data-role="view" id="flat" data-init="mobileListViewDataBindInitFlat" data-title="ListView" data-layout="databinding">
    <ul id="flat-listview"></ul>
</div>
<script>
var flatData = new kendo.data.DataSource({
   transport: {
                        read: {
                            contentType: "application/json",
                            type: "POST",
                            url: "http://myservice/TestService.asmx/GetCustomerData",
                           data: {
                                    q: "html5"
                                 }
                              }
              }
});
    function mobileListViewDataBindInitFlat() {
        $("#flat-listview").kendoMobileListView({ dataSource: flatData });
    }
</script>
    <script>
        window.kendoMobileApplication = new kendo.mobile.Application(document.body);
    </script>
</body>
</html>

TestService.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Services;
using Northwind_newModel;
 
[ScriptService]
public class TestService : System.Web.Services.WebService {
    [WebMethod]
    public List<CustomerModel> GetCustomerData()
    {
        using (var northwind = new Northwind_newEntities1())
        {
            return northwind.Customers
                 .Select(p => new CustomerModel
                {
                    CompanyName = p.CompanyName
                }).Take(5).ToList();
         }
    }
}

Thanks.
Bavya
Top achievements
Rank 1
 answered on 30 Oct 2012
3 answers
315 views
Hello,

how can i change the background-color of the entire control?
please take a look at the attached bitmaps.

Thank you
Axel
Kamen Bundev
Telerik team
 answered on 30 Oct 2012
0 answers
118 views
Having Line chart besides which there is div , which user can collapse as per user need to increase chart area, on div collapse, refreshing chart . In chart , I had customize legend position based on div width in which chart is generated. Now issue is on chart refresh chart div width is increasing, but legend position not getting refreshed as per div width changed.
Pratik
Top achievements
Rank 1
 asked on 30 Oct 2012
0 answers
74 views
Just started using Kendo UI Web v2012.2.710 and when you move the splitter it selects text in either the left or right pane. I don't know what's causing this. I don't see this happening in the demo. Is there some option I need to send the API?


                $("#menuSplitter").kendoSplitter({
                    orientation: "horizontal",
                    panes: [
                            { collapsible: false, size: "24%", resizable: true },
                            { collapsible: false, resizable: true }
                        ]
                });
StrandedPirate
Top achievements
Rank 1
 asked on 30 Oct 2012
5 answers
100 views

Hi, I'm having and issue with your tabstrip on blackberry, It works ok and have the native look and feel on mi android and iOS devices but when in runs on blackberry (simulated 9800 or Real 9300 w/ BB OS 6.0)  I can't see the content of the views... It just shows the top navbar and the tabstrip really close... thanks for your help

<!DOCTYPE html>
<html>
<head>
  
<!--PHONEGAP SCRIPT-->
  
<script src="cordova-2.0.0.js"></script>
  
<script src="js/jquery-1.7.1.min.js"></script>
  
<script type="text/javascript" charset="utf-8">
      
    document.addEventListener("deviceready", onDeviceReady, false);
      
    function onDeviceReady() {
          
    }
      
</script>
  
<!-- KENDO UI STYLES-->
  
<link rel="stylesheet" type="text/css" href="css/kendo.common.min.css">
<link rel="stylesheet" type="text/css" href="css/kendo.dataviz.min.css">
<link rel="stylesheet" type="text/css" href="css/kendo.mobile.all.min.css">
<link rel="stylesheet" type="text/css" href="css/kendo.default.min.css">
  
<title>Event City Bucaramanga</title>
  
</head>
  
<body>
  
    <div data-role="view" id="inicio" data-title="Event City - Hoy" data-layout="default">
        Inicio
    </div>
      
    <div data-role="view" id="buscar" data-title="Event City - Buscar" data-layout="default">
        Buscar
    </div>
      
    <div data-role="view" id="cerca" data-title="Event City - Cerca de ti" data-layout="default">
        Cerca de mi
    </div>
      
    <div data-role="view" id="establecimientos" data-title="Event City - Lugares" data-layout="default">
        Establecimientos
    </div>
      
        <div data-role="layout" data-id="default">
          
            <header data-role="header">
                <div data-role="navbar">
                        <span data-role="view-title"></span>
                        <a class="about-button" data-align="right" href="content/about.html" data-role="button">Acerca</a>
                </div>
            </header>
          
            <footer data-role="footer" data-id="default">
                <div data-role="tabstrip">
                    <a href="#inicio" data-icon="home">Hoy</a>
                    <a href="#buscar" data-icon="search">Próximos</a>
                    <a href="#cerca" data-icon="globe">Cerca</a>
                    <a href="#establecimientos" data-icon="organize">Lugares</a
                </div>
            </footer>
        </div>
          
    <!-- KENDO UI SCRIPTS-->
  
  
<script src="js/kendo.all.min.js"></script>
<script>
    $(function(){
            var app = new kendo.mobile.Application($(document.body), {
        layout:"default"
            });
        });
          
</script>
  
<style>
  
.km-android .km-navbar .km-view-title /* Before Q2 2012 SP1 */
{
    display: inline-block;
}
.km-blackberry .km-navbar .km-view-title /* Before Q2 2012 SP1 */
{
    display: inline-block;
}
  
</style>
  
</body>
</html>

Kamen Bundev
Telerik team
 answered on 30 Oct 2012
3 answers
110 views
I  have a problem in Kendo grid paging. Page number are displaying in next line.I have attached screenshot also.
vinod
Top achievements
Rank 1
 answered on 30 Oct 2012
1 answer
197 views
Hi,

I created a datasource and attached the datasource to the Grid. The datasource contains functions for the transport object. When I change a value in my grid, I would expect that the update function is called when I click the Save button in the toolbar. But the update function is not called. Instead for each item in the grid the create function is called.

Code:
                $(document).ready(function() {
var data = createRandomData(2);

                    $("#grid").kendoGrid({
                        dataSource: {                            
                            schema: {
                                model: {
Id: "Id",
                                    fields: {
Id: { type: "number" },
                                        FirstName: { type: "string" },
                                        LastName: { type: "string" },
                                        City: { type: "string" },
                                        Title: { type: "string" },
                                        BirthDate: { type: "date" },
                                        Age: { type: "number" }
                                    }
                                }
                            },
                            pageSize: 10,
transport: {
read: function(options) {
//alert('read');
 //var result = createRandomData(50);
 options.success(data);  
},
create: function(options) {
   alert('create');
 //var result = getResult(options);
 options.success(data);
},
update: function(options) {
alert('update');
 //var result = getResult(options);
 options.success(data);
},
destroy: function(options) {
alert('destroy');
 //var result = getResult(options);
 options.success(data);
},
parameterMap: function(options, operation) {
alert('map');
                                    if (operation !== "read" && options.models) {
                                        //return {models: kendo.stringify(options.models)};
                                    }
                                }
 }
                        },
toolbar: ["create", "save", "cancel"],
                        height: 250,
                        scrollable: true,
                        sortable: true,
                        filterable: true,
                        pageable: true,
editable: true,
batch: false,
                        columns: [
                            {
                                field: "FirstName",
                                title: "First Name",
                                width: 100
                            },
                            {
                                field: "LastName",
                                title: "Last Name",
                                width: 100
                            },
                            {
                                field: "City",
                                width: 100
                            },
                            {
                                field: "Title"
                            },
                            {
                                field: "BirthDate",
                                title: "Birth Date",
                                template: '#= kendo.toString(BirthDate,"MM/dd/yyyy") #'
                            },
                            {
                                field: "Age",
                                width: 50
                            },
{ command: "destroy", title: " ", width: "110px" }
                        ]
                    });
                });
Johan
Top achievements
Rank 1
 answered on 30 Oct 2012
0 answers
104 views
In upload's success, I use "$(".k-widget.k-upload").find("ul").remove();" to clear upload.


With "autoUpload: true", after upload 3 times, when click "select", no file browser pops up.


If set "autoUpload: false", when second time click "select" to upload, previous uploaded file also shows.
John
Top achievements
Rank 1
 asked on 30 Oct 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?