小编DaR*_*oGa的帖子

Angular2显示PDF

我有一个带有ASP.Net Web API的angular2项目.我有代码从我的数据库中检索文件路径,该文件路径转到我服务器上的文档.然后,我想在浏览器中的新选项卡中显示此文档.有没有人有任何建议怎么做?

我很高兴在Angular2(Typescript)或我的API中检索文件并将其流式传输.

这是我尝试在我的API中检索它但我无法弄清楚如何在Angular2中接收它并正确显示它:

public HttpResponseMessage GetSOP(string partnum, string description)
    {
        var sopPath = _uow.EpicorService.GetSOP(partnum, description).Path;
        HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);
        var stream = new FileStream(sopPath, FileMode.Open);
        result.Content = new StreamContent(stream);
        result.Content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("application/octet-stream");
        return result;
    }
Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激.

非常感谢!!!

pdf filestream asp.net-web-api angular

20
推荐指数
3
解决办法
3万
查看次数

Maven资源插件复制文件

我目前有一些Maven项目,当我安装项目时,我需要将所有文件从conf文件夹复制到目标文件夹.

|-Project
    |--src
    |--conf <--FROM HERE -->
    |--lib
    |--target <--TO HERE-->
Run Code Online (Sandbox Code Playgroud)

我在pom.xml中尝试过这一点无济于事.我究竟做错了什么?我的pom.xml插件部分如下:

<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-resources-plugin</artifactId>
<version>2.6</version>
<executions>
    <execution>
        <id>copy-resources</id>
        <phase>install</phase>
        <goals>
            <goal>copy-resources</goal>
        </goals>
        <configuration>
            <outputDirectory>${basedir}/target</outputDirectory>
            <resources>
                <resource>
                    <directory>${basedir}/conf</directory>
                    <includes>
                        <include>*</include>
                    </includes>
                </resource>
            </resources>
        </configuration>
    </execution>
</executions>
Run Code Online (Sandbox Code Playgroud)

maven

6
推荐指数
1
解决办法
1万
查看次数

声明actionListener ="#{bean.method}"时,<p:commandButton>不会导航

我正在尝试创建一个页面,允许用户登录系统,然后导航到主页.我已经设法让它做一个或另一个,但无法弄清楚如何让它做两件事.我已遍历所有网站,无法找到合适的答案.请帮忙.我的代码如下:XHTML:

<h:form>
    <p:growl id="growl" showDetail="true" life="3000" />
    <h:panelGrid columns="2" cellpadding="5">
        <h:outputLabel for="username" value="Username: " />
        <p:inputText value="#{login.username}" id="username" required="true"
            label="username" />
        <h:outputLabel for="password" value="Password: " />
        <h:inputSecret value="#{login.password}" id="password" required="true"
            label="password" />
        <p:commandButton ajax="false" id="loginButton" value="Login"
            update="growl" actionListener="#{login.login}" />
    </h:panelGrid>
</h:form>
Run Code Online (Sandbox Code Playgroud)

Java类:

@ViewScoped
@ManagedBean
@SessionScoped
public class Login implements Serializable
{
private static final long serialVersionUID = 1L;
private String username;
private String password;

public String login(ActionEvent actionEvent)
{
    RequestContext context = RequestContext.getCurrentInstance();
    FacesMessage msg = null;
    boolean loggedIn = …
Run Code Online (Sandbox Code Playgroud)

jsf facelets primefaces

5
推荐指数
1
解决办法
7183
查看次数

打印时 CSS 样式丢失

我有一个页面,其中包含必须可打印的统计图表等。我只想使用标准浏览器打印功能来启用打印。我还有 css,它可以更改所选按钮的按钮颜色,以明确正在查看哪些图表。但是,我的问题是,当我尝试打印页面时,这种颜色会丢失并重置为其默认呈现方式。

我知道通过在 CSS 中使用 webkit-print-color-adjust 设置在 Chrome 中执行此操作的功能,但是,我企业中的绝大多数用户使用 IE 或 Edge(因为它们是 Microsoft 默认值),因此我需要一个适用于他们的解决方案。

我尝试使用 !important 和 @media print 但目前还没有效果,除非我使用错误。

目前的 CSS 是这样的:

@media print{
    .btn-primary-chart:active,
    .btn-primary-chart.active {
        color: #ffffff;
        background-color: green !important;
        border-color: #285e8e;
    }
}
Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激 :)

html css printing styling

5
推荐指数
1
解决办法
9047
查看次数

打字稿“不是模块”错误

我有一个Angular2项目,我需要在其中输入要在我的打字稿中使用的javascript文件。

我在app / js / d3gantt.js中有一个javascript文件,其中包含的单个功能gantt = function()

gantt = function() {
    //Does lots of stuff
    return gantt;
};
Run Code Online (Sandbox Code Playgroud)

然后,在同一个文件夹中有一个名为d3gannt.d.ts的定义文件,如下所示:

declare module 'd3Gantt' {
    export module d3Gantt {
        export function gantt(): any;
    }
}
Run Code Online (Sandbox Code Playgroud)

然后我在我的组件中引用为 import * as d3Gantt from '../app/js/d3gantt';

但是,我收到错误消息,指出 File 'c:/Projects/RepackLog/RepackLog/RepackLog/app/js/d3gantt.d.ts' is not a module

我是否缺少一些必要的东西才能正常拾取我的文件?

谢谢,

javascript typescript angular

5
推荐指数
1
解决办法
1万
查看次数

通过对话框隐藏的PrimeNG下拉列表

我有一个使用PrimeNG组件的Angular2应用程序.

我想在对话框中输入一个下拉列表.但是,当我实现此功能时,下拉菜单会被对话框的限制所截断,如下面的屏幕截图所示.我想要的是它显示在对话框上方并显示所有选项.

在此输入图像描述

它只是一个小对话框,我不想为此创建一个大的对话框,因为会有很多空的未使用空间.

我的html代码如下:

<p-dialog header="Repack" [(visible)]="display" showEffect="fade" minHeight="200">
    <div class="row col-md-12" align="center">
        <button pButton (click)="viewRepack()" label="View Repack"></button>
    </div>
    <div class="row col-md-12"><strong>Edit Table Assignment: </strong></div>
    <p-dropdown [options]="tables" [(ngModel)]="selectedTable" [style]="{width: '100%'}"></p-dropdown>
    <button pButton label="Save" (click)="save()" style="float:right;margin-right:3px;margin-top:5px;"></button>
</p-dialog>
Run Code Online (Sandbox Code Playgroud)

如果有人可以就此提供任何建议,将不胜感激.

primeng angular primeng-dropdowns primeng-dialog

5
推荐指数
4
解决办法
1万
查看次数

使用Reflection从C#对象中删除所有值

我有以下方法,用于使用反射从对象检索所有值作为字符串.该对象可以包含IEnumerables,我也想检索这些值.还需要考虑忽略字段列表,以便不返回这些字段的值.

public static IEnumerable<string> StringContent(this object obj, IEnumerable<string> ignoreProperties = null)
{
    Type t = obj.GetType();
    foreach (var prop in t.GetProperties())
    {
        if (ignoreProperties != null && ignoreProperties.Contains(field.Name))
        {
            continue;
        }
        var value = prop.GetValue(obj);
        if (value != null)
        {
            if (value is IEnumerable<object>)
            {
                foreach (var item in (IEnumerable<object>)value)
                {
                    foreach (var subValue in item.StringContent())
                    {
                        yield return subValue.ToString();
                    }
                }
            }
            else
            {
                yield return value.ToString();
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

这种方法可以很好地工作,并给我正确的结果.但是,我需要尽可能加快速度,因为这已经执行了很多次.

有人有什么建议吗?

提前致谢!

**编辑**

示例测试用例:

[TestMethod] …
Run Code Online (Sandbox Code Playgroud)

c# reflection

5
推荐指数
1
解决办法
83
查看次数

Angular2 PrimeNG 条件行格式

我有一个使用 PrimeNG 组件的 Angular2 应用程序。我试图做到这一点,以便当字段具有特定值时,数据表中的行被着色为特定颜色。我有另一个字段,其中包含用于行突出显示的颜色值,但无法弄清楚如何使其工作。

我的模型如下(非常简化):

export class RepackRequest{
AdhereToLeadTime:   boolean;
LeadTimeRemaining: string;

constructor() {
    var today = new Date();
    if(this.AdhereToLeadTime){
        var difference = today.getTime() - this.StartDate.getTime(); 
        if(difference >= 3 && difference <= 4){
            this.LeadTimeRemaining = "orange";
        }
        else if(difference >= 5){
            this.LeadTimeRemaining = "red";
        }
    }
    else {
        this.LeadTimeRemaining = 'white';
    }
 }
}
Run Code Online (Sandbox Code Playgroud)

所以基本上,如果它遵守 5 天的交货时间,它会根据与交货时间的接近程度而改变颜色。

在我的模板中,我有以下内容:

<p-dataTable    [value]="approvalRepacks" 
                            [rows]="10" 
                            [paginator]="true" 
                            [pageLinks]="5" 
                            [rowsPerPageOptions]="[5,10,20]"
                            selectionMode="single"
                            [(selection)]="selectedRepack"
                            (onRowSelect)="onSelect()"
                            [globalFilter]="na">
                <header>
                    <div style="text-align:center;">
                        <button pButton type="button" icon="fa-plus" iconPos="left" label="Create New Request" …
Run Code Online (Sandbox Code Playgroud)

datatable formatting conditional-statements primeng angular

4
推荐指数
1
解决办法
1万
查看次数

角材料表不渲染列

我一直在绞尽脑汁,并与已经完成的工作实现进行比较,但是由于某种原因,我<mat-table>没有渲染列或标题。

我已经在这个项目中实施了几次,所以我知道我有正确的导入以及一切正常运行所需的一切。

我的HTML如下:

<div class="indexBlock">
    <div id="inputs">
        <mat-form-field id="filterFormField">
            <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
        </mat-form-field>
    </div>
    <div id="tableDiv">
        <mat-table #matTable [dataSource]="unconfDataSource">
            <ng-container matColumnDef="Supplier">
                <mat-header-cell *matHeaderCellDef>Supplier</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.Supplier}}</mat-cell>
            </ng-container>
            <ng-container matColumnDef="ContainerNo">
                <mat-header-cell *matHeaderCellDef>Container No</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.ContainerNo}}</mat-cell>
            </ng-container>
            <ng-container matColumnDef="InvoiceNum">
                <mat-header-cell *matHeaderCellDef>Invoice Num</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.InvoiceNum}}</mat-cell>
            </ng-container>
            <ng-container matColumnDef="VesselName">
                <mat-header-cell *matHeaderCellDef>Vessel Name</mat-header-cell>
                <mat-cell *matCellDef="let element">{{element.VesselName}}</mat-cell>
            </ng-container>

            <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
            <mat-row *matRowDef="let myRowData; columns: displayedColumns" (click)="SelectImport(myRowData)"></mat-row>
        </mat-table>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

Ive将其简化为仅几列,并删除了我的排序和分页器,以尝试使其正常运行。

我的控制器是:

export class UnconfirmedComponent implements OnInit {
    unconfDataSource: MatTableDataSource<ImportHead>;
    displayedColumns: [ …
Run Code Online (Sandbox Code Playgroud)

angular-material2 angular

3
推荐指数
1
解决办法
1862
查看次数

将输入掩码添加到React DatePicker

我有一个谷歌,似乎找不到我想要的东西。

我需要一个React Datepicker,它允许使用输入掩码,并且当您逐个数字覆盖它时,输入掩码会保持在原位。dd / MM / yyyy或/ / ____变为01 / 0M / yyyy或01/0 _ / ____。理想情况下,第一个选项指定在哪个字段中输入哪个项目。

我尝试了一些不同的组件,但是失败了。

我当前正在使用的组件是react-datepicker,但是这似乎无法做到。任何建议或解决方法,将不胜感激。

datepicker input-mask reactjs

1
推荐指数
1
解决办法
2544
查看次数

Primefaces dataTable编辑nullPointerException

我目前有一个dataTable连接到数据库.这一切都很好,包括插入和删除.然后我尝试将编辑添加到我的dataTable中,突然间我收到以下错误:

严重:Servlet [FacesServlet]的Servlet.service()在路径[/ ProEJT]的上下文中,在org.primefaces.component.celleditor.CellEditorRenderer.encodeEnd(CellEditorRenderer.java:)中引发异常[null],原因是java.lang.NullPointerException. 38)javax.faces.component.UIComponentBase.encodeEnd(UIComponentBase.java:875)at javax.faces.component.UIComponent.encodeAll(UIComponent.java:1786)at javax.faces.component.UIComponent.encodeAll(UIComponent.java) :1782)org.primefaces.component.datatable.DataTableRenderer.encodeCell(DataTableRenderer.java:823)org.primefaces.component.datatable.DataTableRenderer.encodeRow(DataTableRenderer.java:784)at org.primefaces.component.datatable. DataTableRenderer.encodeRows(DataTableRenderer.java:699)位于org.primefaces.component.datatable.DataTableRenderer.编码实体(DataTableRenderer.java:654)位于org.primefaces的org.primefaces.component.Adonent.Fermeface上的org.primefaces.component.datatable(DataTableRenderer.java:211) .component.datatable.DataTableRenderer.encodeEnd(DataTableRenderer.java:83)at javax.faces.component.UIComponentBase.encodeEnd(UIComponentBase.java:875)at javax.faces.component.UIComponent.encodeAll(UIComponent.java:1786)at at javax.faces.render.Renderer.encodeChildren(Renderer.java:168)at javax.faces.component.UIComponentBase.encodeChildren(UIComponentBase.java:845)at javax.faces.component.UIComponent.encodeAll(UIComponent.java:1779)在javax.faces.component上的javax.faces.component.UIComponent.encodeAll(UIComponent.java:1782).UIComponent.encodeAll(UIComponent.java:1782)位于com.sun.faces.application.view.FaceletViewHandlingStrategy.renderView(FaceletViewHandlingStrategy.java:437)的com.sun.faces.application.view.MultiViewHandler.renderView(MultiViewHandler.java: 124)位于com.sun.faces.lifecycle.LifecycleImpl的com.sun.faces.lifecycle.Phase.doPhase(Phase.java:101)的com.sun.faces.lifecycle.RenderResponsePhase.execute(RenderResponsePhase.java:120) .render(LifecycleImpl.java:139)位于org.apache的org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:305)的javax.faces.webapp.FacesServlet.service(FacesServlet.java:594). catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:210)at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:222)org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:123)org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:502)org.apache.catalina.core.StandardHostValve .invoke(StandardHostValve.java:171)org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:99)org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:953)org. apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:118)org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:408)org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor. java:1023)org.apache.coyote.AbstractProtocol $ AbstractConnectionHandler.process(AbstractProtocol.java:589)at org.apache.tomcat.util.net.JIoEndpoint $ SocketProcessor.run(JIoEndpoint.java:310)at java.util.concurrent.ThreadPoolExecutor $ Worker.runTask(ThreadPoolExecutor.java:886)at java.util.concurrent.ThreadPoolExecutor $ Worker.run(ThreadPoolExecutor. java:908)at java.lang.Thread.run(Thread.java:619)

据我所知,这并没有告诉我在我的代码中NullPointerException的来源.我尝试了一百万种不同的东西,没有运气.

我的数据表:

        <h:form id="form1">
        <p:growl id="growl" showDetail="true" life="3000"/>
        <p:dataTable id="dataTable" 
                    var="order" 
                    value="#{checkOut.orders}" 
                    ajax="true"
                    paginator="true" 
                    selection="#{checkOut.selectedOrder}"
                    selectionMode="single"
                    rowKey="#{order.id}" 
                    rows="10"  
                    sortMode="Multiple"
                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                    emptymessage="No orders found"  
                    rowsPerPageTemplate="5,10,15" 
                    rowStyleClass="#{(order.state == 'ERROR' ? 'error' : (order.state == 'Finished' ? 'finished' : (order.state …
Run Code Online (Sandbox Code Playgroud)

datatable jsf primefaces

0
推荐指数
1
解决办法
5962
查看次数