Kendo ui Kendo视图模型未与数据源绑定

我想将我的表单绑定到kedno可观察视图模型。我可以让它使用硬编码的值，但不能使用数据源。我已经验证了数据源在视图中有一个项，并且我可以获取它。请参阅下面的代码。有什么想法吗？谢谢

 //Hard coded first name binds to my form correctly
 var viewModel = kendo.observable({
        first_name: "John"
    });

 kendo.bind($("form"), viewModel);




//This doesn't bind correctly
var sharableDataSource = new kendo.data.DataSource({
     transport: {
            read: {
                     url: "myurl goes here" ,
                     dataType: "json"
                   }
                }
  });

var viewModel = kendo.observable({
       datasource: sharableDataSource
    });

kendo.bind($("form"), viewModel);



//HTML I am binding to
 <li>First Name <span class="value" data-bind="text: first_name"> </span></</li>

//硬编码的名字正确绑定到我的表单
var viewModel=kendo.observable({
名字：“约翰”
});
bind（$（“form”），viewModel）；
//这不能正确绑定
var sharableDataSource=new kendo.data.DataSource({
运输：{
阅读：{
url：“我的url在这里”，
数据类型：“json”
}
}
});
var viewModel=kendo.observable({
数据源：sharableDataSource
});
bind（$（“form”），viewModel）；
//我绑定到的HTML
名字您与第二个viewModel绑定的html是什么？

而且它们不在同一页上，对吗？
只有一组HTML。我尝试了第一个viewmodel，它工作了，然后注释掉它，然后尝试了第二个viewmodel，但它不工作。我猜您不能直接将数据源分配给可观察对象，但我不知道。@Downvoter请解释Downvoter。