TypeScript url.renderUrl函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中app/core/utils/url.renderUrl函数的典型用法代码示例。如果您正苦于以下问题：TypeScript renderUrl函数的具体用法？TypeScript renderUrl怎么用？TypeScript renderUrl使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了renderUrl函数的6个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: explore

 explore() {
   const range = this.timeSrv.timeRangeForUrl();
   const state = {
     ...this.datasource.getExploreState(this.panel),
     range,
   };
   const exploreState = JSON.stringify(state);
   this.$location.url(renderUrl('/explore', { state: exploreState }));
 }

开发者ID:ArcticSnowman，项目名称:grafana，代码行数:9，代码来源:metrics_panel_ctrl.ts

示例2: switch

export const locationReducer = (state = initialState, action: Action): LocationState => {
  switch (action.type) {
    case 'UPDATE_LOCATION': {
      const { path, query, routeParams } = action.payload;
      return {
        url: renderUrl(path || state.path, query),
        path: path || state.path,
        query: query || state.query,
        routeParams: routeParams || state.routeParams,
      };
    }
  }

  return state;
};

开发者ID:ArcticSnowman，项目名称:grafana，代码行数:15，代码来源:location.ts

示例3: getExploreUrl

export async function getExploreUrl(
  panel: any,
  panelTargets: any[],
  panelDatasource: any,
  datasourceSrv: any,
  timeSrv: any
) {
  let exploreDatasource = panelDatasource;
  let exploreTargets: DataQuery[] = panelTargets;
  let url;

  // Mixed datasources need to choose only one datasource
  if (panelDatasource.meta.id === 'mixed' && panelTargets) {
    // Find first explore datasource among targets
    let mixedExploreDatasource;
    for (const t of panel.targets) {
      const datasource = await datasourceSrv.get(t.datasource);
      if (datasource && datasource.meta.explore) {
        mixedExploreDatasource = datasource;
        break;
      }
    }

    // Add all its targets
    if (mixedExploreDatasource) {
      exploreDatasource = mixedExploreDatasource;
      exploreTargets = panelTargets.filter(t => t.datasource === mixedExploreDatasource.name);
    }
  }

  if (panelDatasource) {
    const range = timeSrv.timeRangeForUrl();
    let state: Partial<ExploreUrlState> = { range };
    if (exploreDatasource.getExploreState) {
      state = { ...state, ...exploreDatasource.getExploreState(exploreTargets) };
    } else {
      state = {
        ...state,
        datasource: panelDatasource.name,
        queries: exploreTargets.map(t => ({ ...t, datasource: panelDatasource.name })),
      };
    }

    const exploreState = JSON.stringify(state);
    url = renderUrl('/explore', { left: exploreState });
  }
  return url;
}

开发者ID:gnydick，项目名称:grafana，代码行数:48，代码来源:explore.ts

示例4: renderUrl

    mapper: (state, action): LocationState => {
      const { path, routeParams, replace } = action.payload;
      let query = action.payload.query || state.query;

      if (action.payload.partial) {
        query = _.defaults(query, state.query);
        query = _.omitBy(query, _.isNull);
      }

      return {
        url: renderUrl(path || state.path, query),
        path: path || state.path,
        query: { ...query },
        routeParams: routeParams || state.routeParams,
        replace: replace === true,
        lastUpdated: new Date().getTime(),
      };
    },

开发者ID:grafana，项目名称:grafana，代码行数:18，代码来源:location.ts

示例5: switch

export const locationReducer = (state = initialState, action: Action): LocationState => {
  switch (action.type) {
    case CoreActionTypes.UpdateLocation: {
      const { path, routeParams } = action.payload;
      let query = action.payload.query || state.query;

      if (action.payload.partial) {
        query = _.defaults(query, state.query);
        query = _.omitBy(query, _.isNull);
      }

      return {
        url: renderUrl(path || state.path, query),
        path: path || state.path,
        query: { ...query },
        routeParams: routeParams || state.routeParams,
      };
    }
  }

  return state;
};

开发者ID:gnydick，项目名称:grafana，代码行数:22，代码来源:location.ts

示例6: switch

export const locationReducer = (state = initialState, action: Action): LocationState => {
  switch (action.type) {
    case 'UPDATE_LOCATION': {
      const { path, routeParams } = action.payload;
      let query = action.payload.query || state.query;

      if (action.payload.partial) {
        query = _.defaults(query, state.query);
      }

      return {
        url: renderUrl(path || state.path, query),
        path: path || state.path,
        query: {
          ...query,
        },
        routeParams: routeParams || state.routeParams,
      };
    }
  }

  return state;
};

开发者ID:acedrew，项目名称:grafana，代码行数:23，代码来源:location.ts

注：本文中的app/core/utils/url.renderUrl函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。