标签: devextreme

我正在使用DevExtreme dxGrid来显示和编辑用户的数据,我有一个查阅列来选择用户部门.网格中的数据显示正确,但是在我按下编辑按钮并弹出窗体显示查找字段后,显示部门的id值,而不是指定的值DisplayExpr,但是当我单击下拉列表时,正确显示的值.

我在DevExpress网站上搜索了很多,并尝试了他们所说的关于数据源和JS之间类型不匹配的所有内容,但没有任何效果.

该CSHTML代码:

 @(Html.DevExtreme().DataGrid().ID("gridContainer")
            .DataSource(d => d.WebApi().Controller("UsersApi").Key("Id").LoadAction("GetUsers").UpdateAction("Put"))
            .AllowColumnReordering(true)
            .AllowColumnResizing(true)
            .ColumnAutoWidth(true)
            .ColumnChooser(c => c.Enabled(true))
            .GroupPanel(groupPanel => groupPanel.Visible(true))
            .OnToolbarPreparing("OnToolbarPreparing")
            .OnEditorPreparing("OnEditorPreparing")
            .Editing(e =>
            {
                e.AllowUpdating(true);
                e.Mode(GridEditMode.Popup);
            })
            .Columns(c =>
            {
                c.Add().DataField("IsActive").Caption("Active").Width("100");
                c.Add().DataField("UserName").Caption("Username").Width("120").AllowEditing(false);
                c.Add().DataField("FullName").Caption("Full Name").Width("200");
                c.Add().DataField("Email").Width("250");
                c.Add().DataField("CreatedUtc")
                    .Caption("Created")
                    .DataType(GridColumnDataType.Date)
                    .CellTemplate(new JS("created_CellTemplate"))
                    .Visible(false)
                    .ShowInColumnChooser(true)
                    .AllowEditing(false)
                    .Width("80");
                c.Add().DataField("CreatedBy").Caption("Created By").Visible(false).ShowInColumnChooser(true).AllowEditing(false).Width("120");

                c.Add().DataField("LastAccessStr")
                    .Caption("Latest Access")
                    .CellTemplate(new JS("latestAccess_CellTemplate"))
                    .CalculateSortValue("LastAccessUtc")
                    .SortOrder(SortOrder.Desc)
                    .AllowEditing(false)
                    .Width("120");

                c.Add().DataField("LastLoginStr")
                    .Caption("Latest Login")
                    .CellTemplate(new JS("latestLogin_CellTemplate"))
                    .CalculateSortValue("LastLoginUtc")
                    .AllowEditing(false).Visible(false).ShowInColumnChooser(true)
                    .Width("120");
                c.Add().DataField("LastLoginIP").Caption("Latest Login IP").AllowEditing(false).Width("150");
                c.Add().DataField("PhoneNumber").Caption("Phone").Width("150").Visible(false).ShowInColumnChooser(true);
                c.Add().DataField("Role").Width("200");
                c.Add().DataField("DepartmentId").Caption("Department").Width(200).Lookup(
                    lookup => lookup
                    .DataSource(d => …

我正在使用一个第三方组件，该组件不会将引用转发到其 DOM 组件，不幸的是，我需要在代码中获取对其 DOM 元素的引用。

下面的代码显然失败了：

const ThirdPartyComponent = (props) => {
  return <div>I'm a third party component</div>;
};

const MyComponent = () => {
  const ref = useRef();

  return <ThirdPartyComponent ref={ref} />;
};

“无法给函数组件提供引用。尝试访问此引用将失败。您是否打算使用 React.forwardRef() ？”

请参阅此处的代码和框。

是否有办法获取第三方组件内 DOM 元素的引用？我知道已弃用的 findDOMNode API。我不太热衷于它，但尽管如此，我还是没能让它发挥作用。

注意：我知道我所要求的并不被认为是好的做法。我这样做的原因是让react-beautiful-dnd与DevExtreme的Reactive Grid一起工作。Draggable组件需要对可拖动元素的引用（<tr>这里的 s，我没有）。只是想简化问题。

任何人都可以帮助我解决DXTREME和PhoneGap之间的区别吗？

我正在开发一个可以本地编译和部署的跨平台(Android和iOS)移动应用程序.(适用于Android的APK和适用于iOS的IPA).所以这个应用程序将在移动设备上的WebView上执行.

我正在使用DevExtreme(DevExpress的产品)来开发移动应用程序.基本上就是HTML5.CSS3和JavaScript用于编写应用程序.现在,我需要一个离线关系数据库来存储与我的应用程序相关的数据.

我知道下面提到的上述用例可用,但我确实有问题,我在下面提到过:

1. WebSQL/SQLite:已弃用且不再支持.
2. IndexedDB:不支持iOS Safari,对我没用.
3. Sequel Sphere:我认为这只是浏览器相关的,不会在WebView上运行.(困惑)

我经常冲浪,但我无法做出正确的决定.任何人都可以帮助/提供适合我上述要求的适当解决方案.

我需要一个可以在Android和iOS设备上运行的离线关系数据库.

我使用 DevExtreme ASP.Net Core 应用程序模板创建了一个新项目。然后我将框架从 .Net Core 1 更改为 .Net Core 2.0 但是，当我尝试构建时，出现以下错误。

Warning NU1701  Package 'System.Linq.Queryable 4.0.0' was restored using 
'.NETFramework,Version=v4.6.1' instead of the project target framework 
'.NETCoreApp,Version=v2.0'.  . This package may not be fully compatible with your project.

这个问题类似于This Question about Nu1701但是有问题的包是 DevExtreme.AspNet.Core 该包的名称表明它适用于 Core。

After refreshing the page (and going through my ssr) it looks like none of the css is sustained unless I navigate through my app and get back to it Or even click some elements. Are there any examples of how this is done correctly?

Im using the exact same code from the controlled 'react material ui grid' example:

https://github.com/kkotwal94/DrivingService (develop branch) <- where the component is under components / demoBase, and the SSR is under server/render/pageRender.jsx. I use the material …

我正在使用@aspnet/signalr连接到集线器，并从集线器调用该方法以返回一些数据。

当我第一次初始化服务器时，连接正常建立，但是如果我刷新窗口 3 或 4 次，客户端将停止向服务器发送连接请求。

我尝试记录HubConnection，connectionState起初等于1但在问题产生后connectionState总是等于0

这是我构建 hubConnection 的方式：

buildConnection() {
this.hubConnection = new HubConnectionBuilder()
.withUrl(this.tradesService.getStockQuotationsHubUrl())
.build();
this.hubConnection.serverTimeoutInMilliseconds = 1000 * 10;
this.hubConnection.onclose(() => setTimeout(() => this.startSignalRConnection(), 2000));}

这是我启动 hubConnection 的方式：

startConnection() {
    this.hubConnection
      .start()
      .then(() => {
      this.hubConnection.on('updateMethod', (data: any) => {
        
          this.store.push([
            { type: 'update', key: data.stockID, data },
          ]);
         
        });
      this.dataSource = new DataSource({
          store: this.store,
          reshapeOnPush: true,
        });
      });}

注意：我在我的页面中同时列出了 5 个集线器，但唯一有问题的是这个。

[更新]

问题出在服务器上，因为当我重新启动服务器时，客户端和服务器之间会重新建立连接，但是如果客户端多次刷新或退出页面，集线器甚至不会尝试连接到客户端 …

我正在使用Def Extreme网格，并且希望每行都有一个按钮，以便可以更改一行的数据。在buttonClick的示例中，我想将汽车品牌重置为空字符串。因为带有按钮的自定义单元格是在带有网格的类之外定义的，所以我不知道如何访问状态。

编码笔

const Cell = props => {
  if (props.column.name === "city") {
    return (
      <td>
        <button>Reset car brand</button>
      </td>
    );
  }

  return <Table.Cell {...props} />;
};

我想知道你们的好建议，这是Angular 5中使用的最好的Ag-Grid与Extreme网格。

AG网格

Devextreme网格

我们正在启动一个使用Angular2，打字稿和HTML5的新软件。

UI组件有2个选项：-DevExtreme-Telerik Kendo UI

哪一个更好？

谢谢