草庐IT

aurelia-slickgrid

全部标签

javascript - SlickGrid:使用 DataView 而不是原始数据的简单示例?

我正在使用SlickGrid,通过Ajax调用将数据直接绑定(bind)到网格。它目前运行良好,网格动态更新且可排序,我正在为一列使用自定义格式化程序:vargrid;varcolumns=[{id:"time",name:"Date",field:"time"},{id:"rating",name:"Rating",formatter:starFormatter//customformatter}];varoptions={enableColumnReorder:false,multiColumnSort:true};//Whenuserclicksbutton,fetchdatav

javascript - 在 aurelia 中使用路由器时如何设置/读取查询字符串?

使用aurelia.io框架路由器时,读取和设置查询字符串的首选方法是什么?例如在url中:http://www.myapp.com/#/myroute1/?s=mystate我如何读取和设置url的?s=mystate部分并让aurelia路由器正确导航并记住该状态,这样每当我到达我的route1viewmodel我可以读取那个状态变量并用它做些什么吗? 最佳答案 在viewmodel上你可以实现方法activate(params,routeConfig)并且对象参数应该包含你的查询变量activate(params,routeC

javascript - aurelia View 中的过滤器数组

我正在使用aurelia并希望在View中而不是在View模型中过滤集合(数组)。我正在尝试使用以下语法:0?'alertalert-danger':''}">${error.Message}我在浏览器控制台中收到以下错误:错误:解析器错误:缺少预期的)在[errors.filter(function(err){returnerr.Key==='car.Model';]中的第28列。这在angularJS中是可能的,如下所示:{{error.Message}}aurelia也有类似的事情吗?我也很想知道如何在aurelia的repeat.for中过滤集合/数组(类似于ng-repeat

javascript - Aurelia 中的数组订阅

假设我有一个元素数组,除了在我的应用程序中显示列表外,我还想使用HttpClient将列表同步到服务器。如何观察数组的变化?我试过:@inject(ObserverLocator)exportclassViewModel{constructor(obsLoc){this.list=[];obsLoc.getObserver(this,'list');.subscribe(li=>console.log(li));}}但我既没有收到错误消息也没有收到日志消息。 最佳答案 getObserver返回一个属性观察器,它会在ViewMode

javascript - Aurelia辅助注入(inject)?

我有一个类,它的构造函数有两个参数;一个是依赖项,另一个是配置属性:@inject(Dependency)classMyClass{constructor(dependency,config){}}我如何利用Aurelia的依赖注入(inject)来自动注入(inject)依赖,但允许类的使用者指定配置值? 最佳答案 这里有一些选项:选项0:工厂解析器foo.jsimport{inject}from'aurelia-framework';import{FooDependency}from'./foo-dependency';@inj

javascript - 你如何替换 Aurelia 中的 HttpClient?

我是Aurelia的新手。您将如何更改以下代码以提供虚拟HttpClient,例如一个json阅读器,它只会提供一组静态的json数据,在开发中不需要服务器。import{inject}from'aurelia-framework';import{HttpClient}from'aurelia-fetch-client';@inject(HttpClient)exportclassUsers{heading='GithubUsers';users=[];constructor(http){http.configure(config=>{config.useStandardConfigu

javascript - 带有 typescript 接口(interface)的 Aurelia DI

我已经阅读了AureliaDI的文档并查看了源代码,并想分享我正在努力实现的目标,这样如果我遗漏了一些明显的东西,我就会被拒绝。我看过样本here对于TSwithAurelia,但我看不出它是如何工作的,而且缺少文档。我想要的是:dataProvider.js(数据提供者接口(interface))exportinterfaceDataProvider{getData():number;}itemDisplayer1.js(一个将使用实现接口(interface)的注入(inject)类的类)import{inject}from'aurelia-framework';import{Da

javascript - 可以在不从 "columns"数组中删除 SlickGrid 列的情况下隐藏它吗?

我想隐藏一列(它的ID列对于每一行都是唯一的),但我无法将其从“列”数组中删除,因为在对行执行操作时我需要该行中的数据(选择、排序等)。例如,在排序之后,我需要抓取与它们之前的样式相匹配的行,我可以使用ID列来完成此操作。我需要行中的数据,我只是不想显示它。谢谢。 最佳答案 答案是否定的,但这不是您要找的答案:)除了查看哪些列以获取其数据外,它们与您的数据项的外观之间没有硬链接(hardlink)。您不必在数据项上拥有可见的列即可拥有ID。 关于javascript-可以在不从"colu

javascript - Aurelia 中 fetch() 的错误处理

我有一个API,其中包含对服务器引发错误(状态=500)时出了什么问题的有用描述。描述作为响应文本的一部分出现。我的客户端代码使用Aurelia,通过aurelia-fetch-client使用通用方法调用api:functioncallRemoteService(apiName,timeout){returnPromise.race([this.http.fetch(apiName),this.waitForServer(timeout||5000)//throwsafterxms]).then(response=>response.json()).catch(err=>{if(er

javascript - 在 SlickGrid 中保存更改

嗨,我正在查看SlickGrid,我可以看到有关如何编辑单元格的示例,但是我是否保存这些更改。我还没有找到告诉我如何执行此操作的示例。 最佳答案 保存SlickGrid的诀窍是意识到网格将更新您在编辑单元格时创建网格时提供的数据数组。然后我保存的方法是在网格下方包含一个带有提交按钮和隐藏字段的表单。我捕获提交事件并使用JSONplugin序列化数组并将其放置在隐藏字段中。在服务器端,您将收到一个JSON字符串,您可以对其进行反序列化、循环并写入数据库。假设您的数据数组像样本一样被称为“数据”,以下内容应该适合您:$(function