Telerik Forums
Kendo UI for jQuery Forum
0 answers
116 views
HI:

i was wondering if it is possible to have ability like the tooltips in the kendo ui dropdownlist, to show the information for each item in the list?
Justin
Top achievements
Rank 1
 asked on 19 Jul 2012
7 answers
1.5K+ views
I want to read from an array and perform CRUD operations on this array but am struggling to find examples of this as all the transport:read examples read the data from a URL instead of an array.

The below works but does not need the CRUD operations

function listTicketsInit() {     
     
    var ticketdata = <?=json_encode($tickets)?>;
      
     var ticketDataSource = new kendo.data.DataSource({
         data: ticketdata,
         dataType: "json",
         schema: {
           model: {
               id: "ThreadID",
               fields: {
                   DateCreated: "DateCreated",
                   ThreadID: "ThreadID",
                   Subject: "Subject",
                   Closed: "Closed"                       
                  }
              }
          }
      });
 
     $("#support_list").kendoMobileListView({
         dataSource: ticketDataSource,
         //pullToRefresh: true,
         appendOnRefresh: true,
         style: "inset",
         template: $("#support_list_template").text()
     });
      
}

The below does not work with and I get "g is undefined" error.  Im not sure of the syntax and how to  get it to read from the array.

var messagedata = <?=json_encode($messages)?>;
 
var messageDataSource = new kendo.data.DataSource({
     
  data: messagedata, 
  
  transport: {
      update: {
          url: "/messages/markasread/<?=$message->message->id?>/0",
          type: "GET"
      },
      destroy: {
          url: "/messages/delete/<?=$message->message->id?>",
          type: "GET"
      }
  },           
     
  schema: {
    model: {
        id: "id",
        fields: {
            created: "created",
            message: "message",
            customer_name: "customer_name",      
            isnew: "isnew",      
           }
       }
   }
 });
 
$("#message_list").kendoMobileListView({
    dataSource: messageDataSource,
    //pullToRefresh: true,
    appendOnRefresh: true,
    style: "inset",
    template: $("#message_list_template").text()
});


Can anyone advise?
Keith
Top achievements
Rank 1
 answered on 19 Jul 2012
0 answers
120 views
I noticed that the tabstrip in our app was very large on the iPhone 3gs until I saw it on a 4s.

I have read here about the ability to resize http://www.kendoui.com/forums/mobile/tabstrip/width-height-icons-on-tabstrip.aspx but wouldn't that make it smaller on the 4s too?

Isn't there some 'auto' resize function in the framework that deals with device resolutions and tabstrip icon sizes?



 
Ben
Top achievements
Rank 1
 asked on 19 Jul 2012
0 answers
104 views
Do you have any simple example of what do I need to add, CSS links, or JS links in order for my application to look metro?
Mauricio
Top achievements
Rank 1
 asked on 18 Jul 2012
0 answers
113 views
I'm trying to implement a grid customization that combines inline editing with popup editing. I've created a sample jsFiddle to demonstrate what I'm trying to accomplish.

I *almost* have it working, but the issue that I'm seeing is that the address values in the popup editor always get saved when you change them, even when I cancel out of the edit.  I want to be able to have those values roll back to the original, similar to how the standard editing works.  I'd be open to flattening out the model if it makes things easier, but I would still need to support the dual editing functionality.

(Also, in Firefox for some reason it only updates the first address field and not the second.  But this is less of an issue, at least for right now).

I know I'm doing something a little incorrectly, I just need help seeing what it is.  Much appreciated.

AT
Andre
Top achievements
Rank 1
 asked on 18 Jul 2012
8 answers
385 views
We have a 20 Million record table in PostGIS (spatial version of PostGRESQL). There are 18 columns (mostly text, some integer) and one spatial geometry (a bounding box).

The records describe the metadata for geospatial images (GeoTiffs, etc.)

We are looking for a means for a user to browse and search this database.

While I am very familiar with your silverlight offering Which does a have a map (and that is the overview we might like).

I am not familar with  your back-end database, nor your new KENDO HTML5 product.

Our target client platform is Android, IOS, Web Browsers, and plugins to existing tools (GoogleEarth GoogleMaps, WorldWind). So Silverlight is not a good choice.

Can you help me determine which of your products I should be looking at for the back end?
(ORM? I already have a PostGIS .NET API, but if yours works faster that would be fine).

As well as what I should have on the client? (Kendo? But it does not have a map. Do I use OpenLayers?) We also want grid and chart displays of the results.

As well as the protocol that would be connecting the two: (JSON? But what if I have 4,000 records returned? Can I GZIP the response). I assume I want to virtualize the replies.

Thank you
Dr.YSG
Top achievements
Rank 2
 answered on 18 Jul 2012
0 answers
122 views
Maybe somebody here can help me out. 

Currently I am using the kendoui editor to build a fairly simple cms. And sofar it's great! 

However is het possible to modify the  image dialog so that I can add upload form so the user an upload a file instead of having to type a link?

 A similair task I want to accomplish with the link dialog.

Is this possible? How do acomplish it if it's posble?
Martijn
Top achievements
Rank 1
 asked on 18 Jul 2012
0 answers
126 views
I'm implementing twitter bootstrap on my website, and kendo seems to work with it entirely fine except for the 'filter' part of my grid columns.  The text boxes inside the filter are way to small, their height is clipped and the text in it looks very bad.  Any suggestions on how i can fix this, or is anyone else seeing this issue?
Phil
Top achievements
Rank 1
 asked on 18 Jul 2012
2 answers
246 views
I am trying to set up a datasource with the code at the end of the post but the data isn't sent to the server (xmlstring is a string of the xml to be included as the body)  I always get content length zero.
Is it possible to send an xml string as the body of a POST?  I do this from desktop applications and Flash (actionscript) in a similar way but can't seem to get any results with Kendo.  Any help would be appreciated.  

As am FYI this works but I'm guessing I can't do this with the Kendo datasource (  $.ajax({
				    type: 'POST',
				    url: "http://rest.site.comm/rest/isc/packagecontents",
				    data: xmlstring,
				    dataType: "xml")

Thanks,
Jeff

  var dataSource = new kendo.data.DataSource({
                        transport: {
                        read: {
                        type: "POST",
                            // specify the XML file to read. The same as read: { url: "books.xml" }
                          url: "http:/rest.site.com/rest/isc/packagecontents/" ,   
                            dataType: "xml", 
                           data: xmlstring
                        } 
Jonathan
Top achievements
Rank 1
 answered on 18 Jul 2012
0 answers
186 views
I was having trouble finding a dataSource example for CRUD against a REST based xml service.  I found pieces of the following solution in various posts. Some of this is obvious, but some is not, especially to someone new to kendo and/or jquery.  In case anyone else is looking for something similar, I thought I would post the following example.  This configures a datasource to create/read from an xml REST service using GET for read and PUT for create with an xml document as the payload.  If anyone else has a better solution than the parameterMap to send an xml doc in the payload, please let me know.  Hope this saves someone a headache :)

ds = new kendo.data.dataSource({
transport:{
read: {
url: "/apis/items"
},
create: {
url: "/apis/items/create",
// in another thread, a kendo admin posted that these transport
// apis map to $.ajax, so we can directly add most jquery.ajax options here
type: "PUT",
dataType: "xml",
contentType: "text/xml",
// Must set processData to false if you want to send
// raw data in the request body, see the jquery documentation for more info
processData: false,
},
parameterMap: function (data, type){
// You can pre-process data by mapping a function
// with these parameters to this property.  The first param is in
// the kendo online documentation, the second is not.

if(type === "create"){
return '<item><name>' + data.name + '</name></item>';
}
}
},
schema: {
type: "xml",
data: "/items/item",
model: {
id: "id",
fields: {
id: "@id",
name: "name/text()"
}
}
},
pageSize:10
});

// Now you can add by passing a model w/o the id property to dataSource.add()
ds.add({name: "test"});

// Calling ds.sync() will issue the server request we defined in transport.create to the server.
// the payload will contain <item><name>test</name></item>
ds.sync();

// Hope this helps.  
Jonathan
Top achievements
Rank 1
 asked on 18 Jul 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
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
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
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?